1 <html> 2 <head> 3 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> 4 <title></title> 5 <style type="text/css"> 6 li{width:150px; float:left; list-style:none;} 7 ul{border:1px solid red;} 8 .clear{zoom:1; } 9 .clear:after{content:''; display:block; clear:both;} 10 </style> 11 </head> 12 <body> 13 <ul class="clear"> 14 <li>111</li> 15 <li>222</li> 16 <li>333</li> 17 <li>444</li> 18 </ul> 19 </body> 20 </html>