溢出-x:隐藏和溢出-y:可见添加滚动条

时间:2013-06-18 04:49:46

标签: html css

我有一个表格行:

<ul>
<li>This</li>
<li>is</li>
<li>my</li>
<li>cell</li>
</ul>

和一些CSS:

UL { height: 30px; float: left }
UL LI { width: 25%; height: 100%; float: left }

效果很好。但是当我添加以下CSS时:

UL LI { overflow-x: hidden; overflow-y: visible }

单元格中的滚动条变得可见。

overflow的默认值为visible且没有可见的滚动条,但当我仅将一个的轴更改为其他内容时,会显示滚动条。

我需要剪切X轴并显示Y轴(对于单元格文本和下拉菜单)。

1 个答案:

答案 0 :(得分:9)

overflow-x / y的问题在于,您无法与其他值混合使用,因此代码visible中的auto将被视为{{1}}。