css 관련 질문입니다.
관련링크
본문
html 소스
<div id="lyrics" class="lyr-font-0" style="display: block;">
<div class="lyr-a">
<div class="lyr-0">ㅁㄴㅇㄹ <span class="lyr-type--1">ㅁㄴㅇㄹ</span></div>
<div class="lyr-1" style="width: 0px;">ㅁㄴㅇㄹ <span class="lyr-type--1">ㅁㄴㅇㄹ</span>
</div>
</div>
CSS 소스 : 링크첨부
원래는
이렇게 나오라고 짰는데 첫번째 이미지처럼 나옵니다. (보면은 .lyr-a .lyr-0 .lyr-type--1에 해당하는 span태그가 .lyr-a .lyr-1 .lyr-type--1에 해당하는 span 태그에 가려짐) 원래 overflow hidden을 주고 width를 0을 주면 두번째 span태그(.lyr-a .lyr-1 .lyr-type--1)까지 안보여야 하는데, 어케 해야 되나요?
!-->
답변을 작성하시기 전에 로그인 해주세요.