我在开发网页时遇到问题。
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 滚动条和 y 滚动条。
注意：对 firebug 中计算的样式属性的检查表明，firefox 正在使用overflow-x: auto;对于容器。
这种行为是预期的吗？我知道请求在我自己的内容之上放置滚动条存在一些含糊之处（例如，我的水平内容将超过垂直滚动条，因此必须覆盖某些内容）。
那么我所经历的行为符合标准吗？
好吧，我该死，我决定检查 CSS(3) 规范对此的规定，并且it http://www.w3.org/TR/css3-box/#collapse-scroll says:
‘overflow-x’和‘overflow-y’的计算值与
它们的指定值，除了一些与“visible”的组合
不可能：如果一个被指定为“可见”，而另一个被指定为“可见”
‘scroll’或‘auto’，然后‘visible’设置为‘auto’。
所以，简而言之，是的，我所经历的完全是预期的行为。
Source: CSS 基本盒模型 W3C 工作草案 2007 年 8 月 9 日 http://www.w3.org/TR/css3-box/#collapse-scroll（就在例子之后）
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
