css - CSS 中溢出-y 的替代方案？

Question

我正在创建一个日历，需要复制我会得到的行为

overflow-x:visible;
overflow-y:hidden;

对于不支持这些 css 属性的浏览器。有什么我可以做的解决方法吗？我不只是想妥协并为那些浏览器添加溢出：隐藏，因为客户端真的想要这个功能。有没有人有什么好主意？

非常感谢。

Answer 1

这是一个问大致相同问题的人（溢出-x可见和-y隐藏）。
http://forums.devnetwork.net/viewtopic.php?f=68&t=116457

一个叫Weirdan的人说我会说没有任何预期的行为，因为这种风格不可避免地在内部不一致，并举了一个例子，其中不清楚（Weirdan 说）东南部的区域是否应该隐藏或显示。

他/她还说，通过将外部 div 与另一个 div 包装并将该 div 上的 overflow-y 设置为 hidden 来轻松实现您想要的效果，并展示了这个示例（我希望我可以将它复制到这里？）。

<style type="text/css">
#outer-wrapper {
    overflow-y:hidden;
}
#outer {
  width:100px;
  height:100px;
  background:red;
  border:solid red 1px;
  overflow:visible;
}
#inner {
  width:200px;
  height:200px;
  background:green;
}​
</style>
<div id="outer-wrapper">
  <div id="outer">
    <div id="inner"></div>
  </div>
</div>