-
一个块元素 ,不写宽度的情况下 ,写边距 ,浏览器会自动计算宽度,用100%的宽度 - 边距的宽度,三个盒子都要用定位,不然无法显示
-
左边固定宽度 200px 右边固定宽度 200px,中间自定义
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
.left{
position: fixed;
top: 0;
left: 0;
width: 200px;
height:100%;
background: red;
}
.rig{
position: fixed;
top: 0;
right: 0;
width: 200px;
height: 100%;
background: coral;
}
.center{
position: fixed;
margin-left: 200px;
height: 100%;
width: 100%;
background: cornflowerblue;
}
</style>
</head>
<body>
<div class="left">
</div>
<div class=" center">
</div>
<div class="rig">
</div>
</body>
</html>
运行结果