크롬 현재 빌드의 줄 높이 버그?

Question

나는 정적 HTML, CSS로 내 사이트를 만들었고 정상적으로 작동합니다. 나는 Ie7, 파이어 폭스와 크롬에서 그것을 테스트했고, 똑같이 괜찮습니다.

언젠가 텍스트가 다른 div와 겹칩니다. 나는 이것이 무엇을 만드는지 모른다. 나는 그것의 작업을 새로하지만 언젠가는

일이 있다면 크롬에서이 버그가 아니면 내 코드에서 뭔가 잘못하고있는 중이 야. 나는 그것이 단지 html 파일이기 때문에 언젠가 그것을 발견하고 놀랐다.

이

여기에 코드

<div class="slider-wrapper theme-default"> 
         <div id="slider" class="nivoSlider"> 
          <img alt="" data-thumb="img/ban1.png" src="img/ban1.png" /> 
          <a href="http://dev7studios.com"> 
           <img alt="" data-thumb="img/ban1.png" src="img/ban1.png" /></a> 
          <img alt="" data-thumb="img/ban1.png" src="img/ban1.png" /> 
          <img alt="" data-thumb="img/ban1.png" src="img/ban1.png" /> 
         </div> 
         <div id="htmlcaption" class="nivo-html-caption"> 
         </div> 
        </div> 
        <div class="news-wrap"> 
         <strong>Latest News: </strong>06/01/10 | A guide to maximizing your investment 
        </div> 
        <div class="vert-list"> 
         <ul> 
          <li> 
          <div class="left-part"> 
           <div class="head-txt"> 
            <img src="img/li1-h.png" alt=""/> 
           </div> 
           <div class="txt"> 
           error sit voluptatem accusantium doloremque laudantium, 
           </div> 
           <div class="lm"> 
           <img src="img/lm1.png" alt=""/> 
           </div> 
          </div> 
          <div class="right-part"> 
           <img src="img/li-i1.png" alt=""/> 
          </div> 
          </li> 
          <li class="mid"> 
          <div class="left-part"> 
           <div class="head-txt"> 
            <img src="img/li2-h.png" alt=""/> 
           </div> 
           <div class="txt"> 
           error sit voluptatem accusantium doloremque laudantium, 
           </div> 
           <div class="lm"> 
           <img src="img/lm2.png" alt=""/> 
           </div> 
          </div> 
          <div class="right-part"> 
           <img src="img/li-i2.png" alt=""/> 
          </div> 
          </li> 
          <li> 
          <div class="left-part"> 
           <div class="head-txt"> 
            <img src="img/li3-h.png" alt=""/> 
           </div> 
           <div class="txt"> 
           error sit voluptatem accusantium doloremque laudantium, 
           </div> 
           <div class="lm"> 
           <img src="img/lm3.png" alt=""/> 
           </div> 
          </div> 
          <div class="right-part"> 
           <img src="img/li-i3.png" alt=""/> 
          </div> 
          </li> 
         </ul> 
        </div> 

입니다 float 스타일 규칙 대신 line-height에 문제처럼 나에게 보이는 스타일

.slider-wrapper { 
     float: left; 
     margin-top: -2px; 
     position: relative; 
    } 

     .news-wrap { 
      background: url('img/news.png') no-repeat; 
      height: 22px; 
      width: 100%; 
      margin-top: 330px; 
      padding-left: 19px; 
      padding-top: 8px; 
     } 

     .news-wrap strong { 
      font-weight: bold; 
     } 

     .vert-list { 
      margin-top: 12px; 
     } 

Answer 1

입니다. 요소가 부동 요소 만 포함하면 높이가 0이고 주위에 영향을 미치지 않으며 모든 내용은 그 뒤에있는 요소의 '위에'떠있게됩니다.

사용중인 코드 또는 코드 스 니펫을 제공하면 도움이됩니다.