Webkit瀏覽器向右推子彈

我目前正在使用的網站在Webkit瀏覽器（Chrome，Safari等）上有幾個問題其中一個問題是我有一個項目符號列表顯示奇怪。頂部項目符號位於列表的右側，而不是左側。Webkit瀏覽器向右推子彈

alt text http://www.jamespwright.com/images/public/screengrabs/f220646f8149dff1b6437cee66498fce.PNG

我似乎無法修復它。我試過溢出：隱藏，我試過列表風格的位置：裏面，似乎沒有任何工作。

編輯

我會盡量提供一些代碼，但它是與DotNetNuke的建立，所以我可能不能給你太多的信息一個相當龐大的網站。

有問題的代碼是這樣的：

#PremiumServicesMenu .LinkList ul { 
    margin-top: 0px; 
    margin-left: 1em; 
    _margin-left: 3em; 
    margin-bottom: 0px; 
} 
/* Safari and Chrome specific settings */ 
@media screen and (-webkit-min-device-pixel-ratio:0) 
{ 
    .PremiumServicesContainer .LinkList ul { 
     list-style-position: inside; 
    } 
}

和該節的HTML是這樣的：

<div id="PremiumServicesMenu"> 
    <div class="PremiumServicesContainer"> 
     <span class="Corporate"> 
      <div id="PremiumServicesHeader"> 
       <div class="PremiumServicesShim"></div> 
       <div class="PremiumServicesTitle">Premium Services</div> 
       <div class="EndCap"></div> 
      </div> 
     <div class="LinkList"> 
      <ul> 
       <li><a href="#">AIMS</a></li> 
       <li><a href="#">Feed Lab Analysis</a></li> 
       <li><a href="#">MSDS</a></li> 
       <li><a href="#">Prior Cargo</a></li> 
         </ul> 
     </div> 
</span> 
</div> 
</div>

這個問題似乎是與頁面的高度。在其他瀏覽器中，如果頁面不是很高，那麼這個高級服務部分仍然保留適合所有內容的高度，但在Webkit中如果頁面很短，本節會縮短本身，並將第一個項目放在Premium Services頁眉圖像的旁邊比在它下面的線上。如果頁面足夠長，則不會發生此問題。

來源

2009-12-15 James P. Wright

什麼是CSS？ –

你真的希望我們告訴你沒有看到它的代碼有什麼問題嗎？ – Chuck

你是神還是男人？ –

答案是在花車上。 ul需要添加clear:both;。

來源

2009-12-15 21:54:53

Woot！從一些調試中拯救了我！ – PruitIgoe

Woot Woot！活泉！ – jdog

但是如果你不想清除，你會怎麼做？ – pathfinder

Webkit瀏覽器向右推子彈

回答

相關問題