三栏布局
html中盒子放置位置
<!-- 盒子放置位置 -->
<div class="cent">中间</div>
<div class="left">左边</div>
<div class="right">右边</div>
第一种布局方法:利用position: absolute;进行相对定位
/*方法一start: 利用absolute相对定位*/
.cent, .right, .left{
height: 100vh;
}
.right, .left{
width: 100px;
background: red;
position: absolute;
top: 0;
}
.cent{
padding: 0 100px;
}
.left{
left: 0;
}
.right{
right: 0;
}
/*方法一end*/