写一个左中右布局占满屏幕,其中左、右两块固定宽200px,中间自适应宽,要求先加载中间快,请写出结构和样式。
结构:
<div class="main">
<div class="container">
<div class="content">中间</div>
</div>
<div class="left">左边</div>
<div class="right">右边</div>
</div>
样式:
<style>
* {
margin: 0;
padding: 0;
}
.main>div {
float: left;
}
.container {
width: 100%;
}
.content {
background: red;
margin-left: 200px;
margin-right: 200px;
}
.left {
background: pink;
width: 200px;
margin-left: -100%;
}
.right {
background: blue;
width: 200px;
margin-left: -200px;
}
</style>
效果图: