水平滚动条显示不出来

更新：我使用溢出 - 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

水平滚动条显示不出来

回答

相关问题