特点:不要js代码控制,纯css。
web页面代码:
<div id="left">
<div class="inner"></div>
</div>
<div id="center">
<div class="inner">显示内容</div>
</div>
<div id="right">
<div class="inner"></div>
</div>
css 代码:
#left, #right {
float: left;
margin: 100px 0 0 0;
width: calc(( 100% - 996px)/2);
width: -moz-calc(( 100% - 996px)/2);
width: -webkit-calc(( 100% - 996px)/2);
}
#center {
float: left;
width: 996px;
height: 360px;/*图片高度*/
margin: 251px 0 0 0;
background-image: url(login_box.png); /*主体背景色*/
}
.inner {
padding: 1px;
}
#left .inner, #right .inner {
height: 595px;/*图片高度*/
background-image: url(login_bg.jpg); /*主体背景色*/
}