1.CSS浮动
CSS浮动 : 浮动的元素会脱离正常的文档流,在正常的文档流中不占空间
float属性:
left
right
clear属性: 清除浮动
both : 两边都不允许浮动
left: 左边不允许浮动
right : 右边不允许浮动
流式布局
CSS浮动.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>浮动</title>
</head>
<body>
<div style="float:left;width: 200px;height: 200px;background: red;"></div>
<div style="clear: both;"></div>
<div style="width: 300px;height: 300px;background: blue;"></div>
<div style="width: 400px;height: 400px;background: green;"></div>
</body>
</html>