方法1：.list加 float: left;
方法2：.list加 overflow: hidden;
方法3：.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
css
*{ margin: 0; padding: 0; } ul, li{ list-style: none; } .list{ border: 1px solid green; } .list li{ display: inline; border: 1px solid red; }
js
<ul class="list clearfix">
<li>屌丝</li>
<li>地方</li>
<li>第三</li>
</ul>
原文：http://www.cnblogs.com/zouxinping/p/4587258.html