Question

这是此问题的后续行动：
general container - IE8 horizontal scrollbar problem

我想创建一个float:left（或'position：absolute' - 同一个问题）容器
它是垂直约束的（它有一个固定的外部高度） - 所以它可能有一个垂直的滚动条;
但是它可以水平增长（根据容器内容的需要），因此它永远不会有水平滚动条

它必须在IE8，FF，Chrome（没有IE7或更早版本）

中工作解决方案似乎是微不足道的但我无法摆脱FF或Chrome中的水平滚动条（IE8没问题）：

<div style="float: left; height: 20em; overflow-y: auto;" class="container-div">
    <div style="width: 30em; height: 30em; background-color: red;" class="example-content"></div>
</div>

http://jsfiddle.net/slobo/pydsZ/

在这个例子中，我们需要一个20em高的容器，它可以根据内容的需要水平增长（在这种情况下，“example-content”div）请不要建议修改“example-content”div，因为它只是一个示例内容（任何内容都可以在那里）

将overflow-y: auto修改为overflow-y: scroll可以解决问题;但我想保留overflow-y: auto

Answer 1

如果您不想要水平滚动条：

overflow-x: hidden

Answer 2

将浮动的宽度设置为某个固定值以修复它，如果它不能正常工作设置为100％

一般容器 - CSS水平滚动条问题

2 个答案: