想要实现这种布局,第一反应是什么? 浮动?
其实可以试试用定位:
<div class="left">left</div>
<div class="center">center</div>
<div class="right">right</div>
.left,
.right {
position: absolute;
top: 0;
width: 350px;
height: 100vh;
background-color: skyblue;
}
.left {
left: 0;
}
.right {
right: 0;
}
.center {
margin-left: 350px;
margin-right: 300px;
height: 100vh;
background-color: green;
}
后面如果有需要的话可以通过媒体查询来修改所需样式