<div class="top"> <div class="left">欢迎来到！</div> <div class="right">登录|注册</div> </div> .top .left{ float: left; } .top .right{ float: right; } .top:after{ // content:""; height:0px; width:0px; clear:both; display:block; overflow: hidden; }
另外两种清除浮动：1.父盒用overflow：hidden;（有局限） 2. 添加 空的div，设置样式clear：both；
原文：http://www.cnblogs.com/luhailin/p/6769142.html