网站SEO - WEB标准

一直以为，overflow是用来控制宽度和高度，防止溢出或者撑破布局的。如：overflow:hidden;

按以前的做法，兼容高度自适应的代码一般情况下用 { height:auto; min-height:200px; } 再组合 { clear:both; }来实现，相关文章链接地址：[DIV+CSS 自适应高度(在IE6、IE7、fireFox下测试通过)] [三列布局且能自适应高度完美解决方案]，但最近在做页面的时候，才发现原来用overflow还可以实现自适应高度。举例如下：

<ul class="askpart">
<p><a href="#">一手房贷款</a></p>
<li><a href="#">我想申请车货.需要什么材料? </a></li>
<li><a href="#">我想申请车货.需要什么材料? </a></li>
<li><a href="#">我想申请车货.需要什么材料? </a></li>
<li><a href="#">我想申请车货.需要什么材料? </a></li>
<li><a href="#">我想申请车货.需要什么材料? </a></li>
<li><a href="#">我想申请车货.需要什么材料? </a></li>
</ul>

Css样式代码如下：

.askpart {
width:468px;
margin:10px 0 0 0;

overflow:hidden;  /* 不用指定高度，直接设置外层的属性即可 */
border:1px solid #ccc;
}
.askpart li {
height:25px;
width:448px;
float:left;
background:#ccc;
line-height:25px;
text-indent:1em;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}

这样，用一句代码 { overflow:hidden; } 就可以实现自适应高度了。比起之前用 { height:auto; min-height:200px; } 再组合 { clear:both; }来实现要简洁实用的多。强烈推荐大家用此种方法来实现自适应高度！