abstrakt：<!DOCTYPE html> <html> <head> <title>CSS中的浮動</title> <meta charset="utf-8"> <style type="text/css"> *{margin: 0px;
<!DOCTYPE html>
<html>
<head>
<title>CSS中的浮動</title>
<meta charset="utf-8">
<style type="text/css">
*{margin: 0px;padding: 0px;}
.clear{clear: both;}
.box1{height: 100px;width: 100px;border: 2px solid red;float: left;}
.box2{height: 100px;width: 100px;border: 2px solid red;float: left;}
.box3{height: 100px;width: 100px;border: 2px solid red;float: left;}
.box4{height: 100px;width: 100px;border: 2px solid red;float: left;}
.box5{height: 300px;width: 1500px;border: 2px solid red;}
</style>
</head>
<body>
<div class="box1"></div>
<div class="box2"></div>
<div class="box3"></div>
<div class="clear"></div>
<div class="box5"></div>
</body>
</html>
Korrigierender Lehrer：天蓬老師Korrekturzeit：2019-01-13 09:23:04
Zusammenfassung des Lehrers：<div class="clear"></div>, 添加新元素的方式來清除浮動,并不是一個好的解決方案, 第一,會增加一個頁面元素,增加了頁面渲染的負(fù)擔(dān),第二個生成的dom文檔樹中有一個無內(nèi)容的元素, 這對于php等后端語言來渲染前端頁面時, 造成一定的困擾