Safari瀏覽器DIV不正確四溢

我試圖用一個側邊欄和內容區域中創建一個簡單的頁面，這樣Safari瀏覽器DIV不正確四溢

<div id="mainWrapper"> 
     <!-- Sidebar --> 
     <div id="sidebar"> 
      <p>Sidebar</p> 
      <p>Sidebar</p> 
      <p>Sidebar</p> 
      <p>Sidebar</p> 
      <p>Sidebar</p> 
     </div> 
     <!-- Content --> 
     <div id="content"> 
      <p>Content</p> 
      <p>Content</p> 
      <p>Content</p> 
      <p>Content</p> 
      <p>Content</p> 
      <p>Content</p> 
      <p>Content</p> 
      <p>Content</p> 
      <p>Content</p> 
      <p>Content</p> 
     </div> 
    </div>

使用這個樣式表

#mainWrapper { 
background: #F6F7F9; 
overflow: hidden; 
border: 1px solid #D6D8D8; 
} 

#sidebar { 
    float: left; 
    width: 180px; 
} 

#content { 
    background: #FFFFFF; 
    border-left: 1px solid #D6D8D8; 
    padding: 5px; 
    margin-left: 181px; 
    overflow: hidden; 
}

但由於某種原因，內容區域在Safari瀏覽器中沒有正常溢出，在右側留下了很大的空白。

來源

2013-11-26 Adrao

從#content中刪除margin-left: 181px;。

jsFiddle example

來源

2013-11-26 17:10:32 j08691

如果我這樣做，當含量較大它西港島線的側邊欄下去。 – Adrao

當內容大於什麼？ – j08691

沒關係，我忽略了一些東西，謝謝你的回覆 – Adrao

Safari瀏覽器DIV不正確四溢

回答

相關問題