Wir*_*uce 9 css firefox internet-explorer-9
我在开发网页时遇到了问题.
Firefox或Internet Explorer都不会显示我对以下代码段的预期行为:
<div
style="overflow-x: visible; overflow-y: auto; width: 200px; height: 200px; border: 1px solid #F00;">
<div style="width: 300px; height: 300px; background-color: #0F0;"> </div>
</div>
我期望的是能够看到容器div的x侧溢出的内容,而不是底部溢出的内容(使用滚动条查看更多内容).相反,我看到的是一个x滚动条和一个滚动条.
注意:在firebug中检查计算出的样式属性会显示firefox正在overflow-x: auto;用于容器.
这种行为有望吗？我理解在请求将滚动条置于我自己的内容之上时存在一些含糊之处(例如,我的水平内容将超过垂直滚动条,因此必须覆盖一些内容).
我遇到符合标准的行为也是如此吗？
Wir*_*uce 19
好吧,我会被诅咒,我决定检查一下CSS(3)规范对此有何看法,它说:
'overflow-x'和'overflow-y'的计算值与它们的指定值相同,除了某些与'visible'的组合是不可能的:如果一个被指定为'visible'而另一个被指定为'scroll'或'自动',然后'可见'设置为'自动'.
所以,简而言之,是的,我所经历的完全是预期的行为.
来源:CSS基本框模型W3C工作草案2007年8月9日(仅在示例之后)