如何实现两侧列固定中间列变宽的Div布局
这篇文章主要介绍如何实现两侧列固定中间列变宽的Div布局，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！
企业建站必须是能够以充分展现企业形象为主要目的，是企业文化与产品对外扩展宣传的重要窗口，一个合格的网站不仅仅能为公司带来巨大的互联网上的收集和信息发布平台，成都创新互联公司面向各种领域：白乌鱼等成都网站设计、营销型网站建设解决方案、网站设计等建站排名服务。
示例
两侧列固定中间列变宽2
body{
font:12px/18px Arial;
margin:0;
}
#header,#footer {
background:#CCCCFF;
width:85%;
margin:0 auto;
}
#Nav {
background:#dfC0FF;
width:85%;
margin:0 auto;
}
h3{
margin:0;
padding:20px;
}
p{
padding:15px 20px;
text-indent:2em;
margin:0;
}
#container {
width:85%;
margin:0 auto;
background:url(images/background-right.gif) repeat-y top right;
position: relative;
}
#innerContainer {
background:url(images/background-left.gif) repeat-y top left;
}
#navi {
width: 200px;
position: absolute;
left: 0px;
top: 0px;
}
#content {
right: 0px;
top: 0px;
margin-right: 200px;
margin-left: 200px;
}
#side {
width: 200px;
position: absolute;
right: 0px;
top: 0px;
}
Page Header
Navi Bar
- Home
- Web Design
- Web Dev
- Map
- Contact Us
- Home
- Web Design
