애니빌드.LAB
토론방
디자인 관련 소스를 수정한 컨텐츠가 크롬에서만 다르게 나옵니다
- t**ststory
- 2016-11-15 11:23:51
- hit4291
- http://wdev.anybuild.co.kr/bbs/qna/6416
안녕하세요 항상 수고 많으십니다!!

익스플로러에선 수정한대로 딱 경계에 맞게 노출되는데 크롬에선 쿠키 삭제를 해봐도 저렇게 나옵니다ㅠㅠ
밑에 레이아웃에 clear:both도 적용 되어있던데..
저 하얀 여백의 정체가 뭐인지 알려주세요 부탁 드리겠습니다ㅠㅠㅠ
.quick_b{width:1000px; margin:0 auto; padding:0; position:relative; z-index:999; margin-top:-125px;}
.quick_b ul li{margin:0 -15px 0 0; padding:0; float:left;}
.quick_b ul li a{opacity:0.65; margin:0; padding:0;}
.quick_b ul li a:hover{opacity:1;}
.quick_b ul li a img{ max-width:100%; height:auto; margin:0; padding:0;}
@media (max-width: 102*px) {
/* .quick_b{display:none}*/
}
<div class="quick_b">
<ul>
<li><a href="#"><img src="/img_up/shop_pds/teststory/image/ba-ro1.png" alt=""></a></li>
<li><a href="#"><img src="/img_up/shop_pds/teststory/image/ba-ro2.png" alt=""></a></li>
<li><a href="#"><img src="/img_up/shop_pds/teststory/image/ba-ro3.png" alt=""></a></li>
<li><a href="#"><img src="/img_up/shop_pds/teststory/image/ba-ro4.png" alt=""></a></li>
<li><a href="#"><img src="/img_up/shop_pds/teststory/image/ba-ro5.png" alt=""></a></li>
</ul>
</div>
열기 닫기
열기 닫기
margin-top:-125px의 값이 적용되었지만 해당 영역이 제대로 잡히지않아서 높이가 정상적으로 나타나지 않았습니다.
그러다보니 밑에 컨텐츠가 정상적으로 자리를 잡지 못하는 현상이 나왔었습니다.
.quick_b ul:after{clear:both;content:'';display:block;}를 적용해주시면 됩니다.