方法就是使用一个clear:both的空div来撑起来
<html> <head> <title>测试定位</title> <style type="text/css"> #div0 { margin:5px; border:solid 5px; } #div1 { background:red; margin:5px; border:solid 5px; display:inline; float:left; } #div2 { background:red; margin:5px; border:solid 5px; display:inline; float:right; } #divc { clear:both; } #div3 { background:white; margin:5px; border:solid 5px; position:relative; } </style> </head> <body> <div id="div0"> <div id="div1"> 这是div1 </div> <div id="div2"> 这是div2 </div> <div id="divc"> <!-- 这里是重点， 要使用这个div来清除浮动， 撑起父元素 --> </div> </div> <div id="div3"> 这是div3 </div> </body> </html> |