如何防止CSS溢出？

Question

我有這樣的代碼中CSS：

#top_bar { 
width: 100%; 
padding: 10px; 
border: 3px solid gray; 
/*margin: 0px;*/ 
margin-left: auto; 
margin-right: auto; 
position: fixed; 
bottom: 0px; 
} 

我碰上溢出有它的問題，我看不到我的狀態欄的末尾（因爲它是在頁面的）。它沒有顯示滾動條（我不希望它），但我希望它完全打到頁面的最後，而不是去查看它。
它正在右側。

Answer 1

將填充關閉，此時寬度設置爲100％+ 10px。然後，您可以將填充添加到#top_bar之內的容器，例如。

#top_bar .inner { 
    padding:10px; 
} 

<div id="top_bar"> 
    <div class="inner"> 
    ...Content... 
    </div> 
</div> 

或可替代地可以改變box-sizing迫使盒模型忽略計算寬度時填充：

#top_bar{ 
    box-sizing: border-box; 
    width: 100%; 
}