盒子模型
浮动布局
1.浮动：float：left/right;
2.清除浮动：（div快不想被浮动的div盖住）
Clear：left/right/both
<style>
#d1{
width: 200px;
height: 200px;
background:red;
}
#d2{
width: 200px;
height: 300px;
background: blue;
float: left;
}
#d3{
width: 100%;
height: 100px;
background: #19DF79;
clear: both;
}
#d4{
width: 200px;
height: 300px;
background: #703E3F;
}
</style>
</head>
<body>
<div id="d1"></div>
<div id="d2"></div>
<div id="d3"></div>
<div id="d4"></div>
</body>
定位布局
布局定位共有4种方式。
（1）固定定位(fixed)
（2）相对定位(relative)
（3）绝对定位(absolute)
（4）静态定位(static)
![[2024年]瞬间的收藏家优秀作文1200字](https://1200zi.500zi.com/uploadfile/img/2024/06/13/abe79d8b429dd5f8d494a80b6a0a3bef.jpg)
