Chrome當前版本中的行高錯誤？

我已經使我的網站在靜態HTML，CSS，它的工作正常。我已經在Ie7，Firefox和Chrome中測試過它，事情也很好。Chrome當前版本中的行高錯誤？

有時文本與其他div重疊。我不知道這是什麼。如果我刷新的工作，但有時它發生

enter image description here

是在Chrome這個bug或我做錯了什麼在我的代碼。我發現它只是一段時間，並且很驚訝，因爲它只是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>

這裏是風格

.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; 
     }

來源

2012-07-20 user1460904

如果您分享的代碼，這將是更好的分析。 – 2012-07-20 04:32:04

看起來元素是浮動的。 – 2012-07-20 04:33:29

這看起來對我來說，與float樣式規則，而不是line-height的問題。如果一個元素只包含浮動元素，那麼它將具有0高度，並且不會對周圍環境產生影響，並且其所有內容都將浮動在它之後的元素「上方」。

提供您正在使用的代碼或代碼片段會很有幫助。

來源

2012-07-20 04:30:39 Death

請檢查代碼。這個問題只發生在chrome中，而不是每次都發生。如果它是一個錯誤，我很困惑。你知道什麼，爲什麼這不是發生在加時。感謝幫助。 – user1460904 2012-07-20 05:13:03

Chrome當前版本中的行高錯誤？

回答

相關問題