售前咨询 售后咨询
当前位置: 上海网站设计 > 建站知识 > 新闻资讯

怎样实现两行高度一样

网站编辑:小润 | 发表时间:2016-06-25 22:17:08

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

官方微信
上海市长宁区宣化路300号华宁国际广场中区7层
+021-8031 0607
+135 8590 1130