水平滾動條顯示不出來

更新：我使用溢出 - X（這只是我的問題是錯誤的）水平滾動條顯示不出來

的水平滾動應該在這種情況下顯示，但不

<div style="overflow-x:scroll; width:400px"> 
    <div style="float:left; width:300px">abc </div> 
    <div style="float:left; width:300px">abc </div> 
    <div style="clear:both"></div> 
</div>

如何在這種情況下，我使用div溢出嗎？

來源

2011-02-24 ming yeow

那麼我可以立即解決一個問題。水平滾動條位於X軸上，因此無論如何您都希望使用「overflow-x」;-) – 2011-02-24 02:55:11

要回答你的問題，你的子div不會導致父div的溢出。您目前的設計不會造成父母的溢出，因爲兩個孩子都設置爲float:left

您似乎認爲孩子會水平疊放;關閉浮動並將它們放在相鄰單元格中的寬度爲600px的表格中，然後查看它做了什麼。

另請注意，CSS溢出屬性高度取決於瀏覽器。有些瀏覽器使用overflow:scroll，有些則使用overflow:auto。

來源

2011-02-24 02:58:02

如果你想要一個水平滾動條，那麼你需要使用overflow-x: scroll;。此外，內部子div必須比父窗格更寬才能工作。所以你的代碼看起來如下：

<div style="overflow-x:scroll; width:400px"> 
    <div style="float:left; width:450px">abc </div> 
    <div style="float:left; width:450px">abc </div> 
    <div style="clear:both"></div> 
</div>

來源

2011-02-24 03:00:50 sarcastyx

水平滾動條顯示不出來

回答

相關問題