两个各有各div。中间的div填满
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>div测试</title>
</head>
<style>
#one {
background-color: aliceblue;
width: 100%;
height: 100px;
margin-top: 100px;
padding: 0;
position: fixed;
}
#first{
float: left;
background-color: bisque;
width: 10%;
height: 100px;
}
#second {
position: absolute;
background-color: cadetblue;
height: 100px;
width: 80%;
margin-left: 10%;
}
#third {
float: right;
background-color: bisque;
width: 10%;
height: 100px;
}
</style>
<body>
<div id="one">
<div id="first">
<a>第一个div</a>
</div>
<div id="second">
<a>第二个div</a>
</div>
<div id="third">
<a>第三个div</a>
</div>
</div>
</body>
</html>