ul,li设置新闻列表,超出范围对象,自动隐藏

ul,li设置新闻列表,超出范围对象,自动隐藏 ,<style>
.leftmain {margin-top:8px;width:300px;height:230px;overflow:auto;line-height:32px;text-indent:2em;font-size:12px;}
.leftmain li {border-bottom:dashed 1px #e3e3e3;line-height:18px;height:18px;display:block;overflow:hidden;padding-top:3px;}
.leftmain li a {padding-right:80px;}
.leftmain span {float:right;background:#fff;line-height:22px;width:80px;text-align:right;display:block;}
.leftmain li a:hover {text-decoration:none;}
</style>
<ul class="leftmain">
<li><a href="#" title="">2008-12-12这这个是标题这个是标题这个是标题这个是标题个是标题</a></li>
<li><a href="#" title="">2008-12-12这这个是标题这个是标题这个是标题这个是标题个是标题</a></li>
<li><a href="#" title="">2008-12-12这这个是标题这个是标题这个是标题这个是标题个是标题</a></li>
<li><a href="#" title="">2008-12-12这这个是标题这个是标题这个是标题这个是标题个是标题</a></li>
<li><a href="#" title="">2008-12-12这这个是标题这个是标题这个是标题这个是标题个是标题</a></li>
<li><a href="#" title="">2008-12-12这这个是标题这个是标题这个是标题这个是标题个是标题</a></li>
</ul>

以下为详细代码

前一页:CSS关于box（盒模式）的一系列问题详解

后一页:div默认高度根据内容自动适应高度