[站点选择] 服务热线13396739763 13136206268 在线咨询 留言/需求提交

怎样实现两栏高度相等

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

声明:文章来源于互联网!
 

 嘉兴方案网
 13396739763 13136206268 (节假日均可拨打) 0573-83698396 (周一至周六可拨打)


售前咨询QQ:点击这里给我发消息    点击这里给我发消息


技术支持QQ:点击这里给我发消息

所在地址: 浙江省嘉兴市城南路1539号创业大厦


网址:www.nice-solution.com

  网站建设 / 网络推广 / APP开发 / 软件定制 / 网站设计/网站制作/微网站制作/微网站建设/微网站设计/嘉兴微网站建设/微网站
 专业做高端网站建设网站设计网站改版网站维护微网站建设微网站制作嘉兴网站建设嘉兴网站设计嘉兴网站制作软件开发APP应用嘉兴微官网制作动画制作域名注册空间托管企业邮箱注册样本宣传册印刷制作400电话做网站业务

友情站点

>