建站知识

Knowledge

建站知识,苏州网络公司,苏州网站设计,苏州做网站的公司
怎样实现两栏高度相等
发布日期:2015-11-19 来源于:苏州网站建设
在网站建设中,我们常常遇到这样的问题:在有边栏和主栏的网页里,怎样实现边栏的高度随主栏的高度增加而增加。
苏州网站建设告诉你以下几个小诀窍:
1.使用table嵌套
亲们,在切图的时候,千万别忘了table 的两个td是可以等高的。
你只需要一个一行两列的表格就可以轻松制作出两边等高的网页。
缺点:table定位已经过时,不再符合W3C标准,对搜索引擎也不友好。但是稍微这么一小下下应该影响不大,你可以放心使用。如果实在不喜欢table定位可以尝试下面的JS方法。
2.使用javascript设置动态高度
首先用JS获取主栏的高度,然后设置边栏的高度等于的主栏的高度。具体代码我就不写了,因为so easy!
3.使用背景做边栏等高的假象
这种方法其实不是真的实现两边相等,而是制造一个假象。假设你的边栏样式不一样,你就可以为两栏的父级设置一个背景,然后按y轴平铺,这样就可以制作出两边相等的样式了。只是样式哦!