CSS-x:可见;和溢出-y:隐藏;导致滚动条问题

假设您有一些样式和标记:

ul
{
空白:nowrap;
溢出x:可见;
溢出y:隐藏;
/*增加了宽度,以便在代码段中工作*/
宽度:100px;
}
锂
{
显示:内联块;
}
<部门>
<ul>
<李>1&lt/李&gt&书信电报;李>2&lt/李&gt&书信电报;李>3&lt/李>
<李>4&lt/李&gt&书信电报;李>5&lt/李&gt&书信电报;李>6&lt/李>
<李>7&lt/李&gt&书信电报;李>8&lt/李&gt&书信电报;李>9&lt/李>
<李>1&lt/李&gt&书信电报;李>2&lt/李&gt&书信电报;李>3&lt/李>
<李>4&lt/李&gt&书信电报;李>5&lt/李&gt&书信电报;李>6&lt/李>
<李>7&lt/李&gt&书信电报;李>8&lt/李&gt&书信电报;李>9&lt/李>
<李>1&lt/李&gt&书信电报;李>2&lt/李&gt&书信电报;李>3&lt/李>
<李>4&lt/李&gt&书信电报;李>5&lt/李&gt&书信电报;李>6&lt/李>
<李>7&lt/李&gt&书信电报;李>8&lt/李&gt&书信电报;李>9&lt/李>
&lt/ul>
&lt/部门&gt

当你看这个的时候。<ul&gt在底部有一个滚动条,尽管我已经为溢出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-xoverflow-y使用visible而对另一个使用visible以外的内容,则visible值将解释为auto

发表评论