SEO茶馆提供搜索引擎优化,网站优化,Google优化服务和咨询

咨询QQ:70956690

网站首页 SEO茶馆 SEO动态网站建设SEO教程SEM服务 联系我们 SEO论坛
搜索引擎优化、网站优化、Google优化服务和咨询
SEO茶馆
搜索引擎优化权威机构SEO茶馆提供网站优化评估,搜索引擎优化排名,整体网站营销策划.全力打造网站优化,google左侧排名,搜索引擎排名,搜索引擎营销服务.

联系我们
联系电话:0571-81959512                        81959510                        81959502
QQ/TM:点击这里给我发消息
联系人:吴先生

CSS三栏布局中最先显示中栏的方法

  浏览器显示页面是一行一行的按顺序执行代码,也就是说写在前面的先执行显示,而对于左中右3栏布局的设计,代码要么是从左-->中-->右来书写,要么就是到过来从右-->中-->左来书写,要做到要求的效果,那首先要书写的是中栏的代码。

  所以我首先定义了一个id=m的DIV,并且padding-left:150px,定义这个是为了给左栏留出140PX的显示位置,然后再在这个DIV里面嵌套定义一个id=middle的DIV,我用position:absolute的属性(绝对定位);然后再定义左栏left和右栏right。用position:absolute的属性有一个不好的地方就是它象photoshop里的层一样,它的自动延伸并不会带动整个布局的延伸,所以会遮住一些页面元素,比如我们通常会在网站的最下面写上一些copyright的信息,如果用先显示中栏的这种方法,如果不做处理的话,这些信息会被遮盖住。处理的办法就是使用javascript,让左右2栏的高度随中栏一起自动延伸。


[来至:SEO茶馆杭州网站建设 发布时间:2008-8-19]
上一篇:基于营销的网站建设方案
下一篇:PHP基本语句和函数及相关网站技术基础
SEO茶馆
公司地址:杭州市文一路一号云河大厦1001
咨询QQ:70956690 Email:seo110@126.com
Copyright : 搜索引擎优化