토론방

디자인 관련 소스를 수정한 컨텐츠가 크롬에서만 다르게 나옵니다

 

안녕하세요 항상 수고 많으십니다!!

 

 

익스플로러에선 수정한대로 딱 경계에 맞게 노출되는데 크롬에선 쿠키 삭제를 해봐도 저렇게 나옵니다ㅠㅠ

밑에 레이아웃에 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>

 

게시글 공유 URL복사
댓글[1]

열기 닫기

  • 배**영 2016-11-15

    margin-top:-125px의 값이 적용되었지만 해당 영역이 제대로 잡히지않아서 높이가 정상적으로 나타나지 않았습니다.

    그러다보니 밑에 컨텐츠가 정상적으로 자리를 잡지 못하는 현상이 나왔었습니다.

    .quick_b ul:after{clear:both;content:'';display:block;}를 적용해주시면 됩니다.

댓글작성

열기 닫기

댓글작성
top