在线交流

联系电话:0731-85351024 18670361250

在线联系

你还可以到这里给我们留言

全国统一服务热线

0731-85351024 18670361250

您当前所在的位置: 首页> 网站建设> 怎样实现两栏高度相等
网站建设

怎样实现两栏高度相等

更新时间:2014-03-17 19:41:07  编辑:广佳网络

网站建设中,我们常常遇到这样的问题:在有边栏和主栏的网页里,怎样实现边栏的高度随主栏的高度增加而增加。

长沙网站建设告诉你以下几个小诀窍:

1.      使用table嵌套

亲们,在切图的时候,千万别忘了table 的两个td是可以等高的。

你只需要一个一行两列的表格就可以轻松制作出两边等高的网页。

缺点:table定位已经过时,不再符合W3C标准,对搜索引擎也不友好。但是稍微这么一小下下应该影响不大,你可以放心使用。如果实在不喜欢table定位可以尝试下面的JS方法。

2.      使用javascript设置动态高度

首先用JS获取主栏的高度,然后设置边栏的高度等于的主栏的高度。具体代码我就不写了,因为so easy!

3.      使用背景做边栏等高的假象

这种方法其实不是真的实现两边相等,而是制造一个假象。假设你的边栏样式不一样,你就可以为两栏的父级设置一个背景,然后按y轴平铺,这样就可以制作出两边相等的样式了。只是样式哦!