学习CSS也有一段时间了，发现对一些不常用的样式属性来说真的很陌生，不常拿出来晒晒还真容易忘记，现在需要做一个效果是让指定div只显示横向滚动条也就是只有x轴滚动条出现，大家都知道网站内容过多一般都有纵轴也就是y轴滚动条出现，如果实现只显示横向x轴滚动条呢？
[code]<div style=”width:360px;height:120px; overflow-x:scroll; border:1px solid red;”>
<ul style=”width:400px;”>
<li>你好1</li>
<li>你好1</li>
<li>你好1</li>
<li>你好1</li>
<li>你好1</li>
<li>你好1</li>
<li>你好1</li>
<li>你好1</li>
<li>你好1</li>
<li>你好1</li>
<li>你好1</li>
<li>你好1</li>
<li>你好1</li>
<li>你好1</li>
<li>你好1</li>
</ul>
</div>[/code]
其实在一个div层中设置固定的宽度然后设置允许出现x轴滚动条overflow-x:scroll，这样只要在这设置好的div层中加入的内容要比这外层的内容宽度大就会出现x轴滚动条了。