CSS布局一直是网页设计中的难点之一。通过合理运用CSS布局可以使网页的结构更加简单、清晰，使用户能够更好地理解页面内容。下面将介绍一些CSS布局常用的方法： 一、盒模型布局 盒模型布局是CSS中最常用的布局方式，通过将网页元素包裹在盒子中来控制网页布局。在使用盒子时，需要注意元素的具体尺寸包括padding、border和margin等。 pre标签示例：

.box {
width: 200px;
height: 200px;
background-color: #ccc;
padding: 20px;
border: 10px solid black; 
margin: 10px;
}

二、浮动布局 浮动布局是将网页元素悬浮在所在的位置，使得其他元素可以通过它们自己来定位。 pre标签示例：

.box1 {
float: left;
width: 50%;
height: 200px;
background-color: #eee;
}
.box2 {
float: right;
width: 50%;
height: 200px;
background-color: #ccc; 
}

三、弹性布局 弹性布局是在CSS中引入的新概念，可以在页面的二维和三维方向上实现页面的动态飘逸。 pre标签示例：

.container {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.box {
width: 200px;
height: 200px;
margin-bottom: 20px;
}

以上是CSS布局的一些常用方式，根据实际情况可以适当的去应用。享受CSS布局的乐趣吧！