假设您有一些样式和标记:
ul
{
空白:nowrap;
溢出x:可见;
溢出y:隐藏;
/*增加了宽度,以便在代码段中工作*/
宽度:100px;
}
锂
{
显示:内联块;
}
<;部门>;
<;ul>;
<;李>;1</李>&书信电报;李>;2</李>&书信电报;李>;3</李>;
<;李>;4</李>&书信电报;李>;5</李>&书信电报;李>;6</李>;
<;李>;7</李>&书信电报;李>;8</李>&书信电报;李>;9</李>;
<;李>;1</李>&书信电报;李>;2</李>&书信电报;李>;3</李>;
<;李>;4</李>&书信电报;李>;5</李>&书信电报;李>;6</李>;
<;李>;7</李>&书信电报;李>;8</李>&书信电报;李>;9</李>;
<;李>;1</李>&书信电报;李>;2</李>&书信电报;李>;3</李>;
<;李>;4</李>&书信电报;李>;5</李>&书信电报;李>;6</李>;
<;李>;7</李>&书信电报;李>;8</李>&书信电报;李>;9</李>;
</ul>;
</部门>
当你看这个的时候。<;ul>在底部有一个滚动条,尽管我已经为溢出x/y指定了可见和隐藏值
(在Chrome 11和opera(?)上观察到)
我猜一定有一些w3c规范或其他什么东西告诉我会发生这种情况,但就我而言,我不知道为什么
JSFIDLE
更新:-我找到了一种方法,通过在ul周围添加另一个元素来实现相同的结果。看看吧
经过认真研究,我似乎找到了问题的答案:
发件人:http://www.brunildo.org/test/Overflowxy2.html
在壁虎、狩猎、歌剧中,“可见”
与组合时也会变为“自动”
“隐藏”(换句话说:“可见”
与组合时变为“自动”
还有什么不同的吗
“可见”)。壁虎1.8,狩猎3,歌剧院
其中9.5是相当一致的
W3C规范还规定:
“溢出-x”的计算值
和“overflow-y”与它们的
指定的值,但某些
带有“可见”的组合不可用
可能:如果指定一个为
“可见”,另一个是“滚动”或
“自动”,则“可见”设置为
“自动”。的计算值
“溢出”等于计算出的
如果“溢出-y”,则为“溢出-x”的值
是一样的;否则就是这对了
“溢出-x”和
“溢出-y”
短版:
如果对overflow-x或overflow-y使用visible而对另一个使用visible以外的内容,则visible值将解释为auto