快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

如何实现两侧列固定中间列变宽的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

Page Content

生活中到处都存在着缘分,缘聚缘散好像都是命中注定的事情;有些缘分也许从一开始就注定要失去,有些缘分也许是永远都不会有结果;

可是我却偏偏渴望创造一种奇迹。也许不是不曾心动,不是没有可能,只是有缘无份,情深缘浅,如果彼此出现早一点,也许就会有美好的结局,又或者相遇的时间再晚一点,晚到两个人在各自的爱情故事中经历了包容与体谅,善待和妥协,悲痛与快乐,到了那时也许走到一起就会有可能。

Side Bar

Page Footer

以上是“如何实现两侧列固定中间列变宽的Div布局”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


文章名称:如何实现两侧列固定中间列变宽的Div布局
URL标题:http://6mz.cn/article/ihscgo.html