摘要：浮动属性相当于word中的图文混排，使用浮动属性的元素会脱离文档的普通流，进行左右浮动。编写格式为float:left/right;也因浮动元素脱离文档的普通流，不占据页面空间，因此后面的元素要进行清除浮动属性来维持页面的正常布局。clear属性值：left/right/both 例子：<!DOCTYPE html> <html> <head>
浮动属性相当于word中的图文混排，使用浮动属性的元素会脱离文档的普通流，进行左右浮动。编写格式为float:left/right;
也因浮动元素脱离文档的普通流，不占据页面空间，因此后面的元素要进行清除浮动属性来维持页面的正常布局。clear属性值：left/right/both
例子：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>浮动</title>
<style>
div{width: 100px;height: 100px;}
.div1{background:red;float:left;}
.div2{background:pink;float:left;}
.div3{background:blue;float:left;/*clear: left;*/}
.div4{background:pink;float:left;}
</style>
</head>
<body>
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
</body>
</html>
批改老师：韦小宝批改时间：2018-11-02 13:40:17
老师总结：很不错！值得一赞啊！继续加油努力学习吧！
