收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 3091|回复: 5

使用CSS布局,使页面高度可自动伸展(附简图)

[复制链接]
发表于 2009-5-26 11:22:54 | 显示全部楼层 |阅读模式
我们在使用CSS布局页面时,常常遇到高度一自动伸展就会使页面变形的问题。可是为了增强网站的功能性和拓展性,如果高度值固定住,在后期维护中就不会太方便。
在多次尝试后,我总结了这样一种布局方式,可以使页面右侧主内容区域自动伸展而整体页面不会变形。
当然,方法不只这一种,这只是我在实践中总结出来的小经验,附一张简图说明,希望对大家有所帮助!
该布局方法在IE7中通过验证。

欢迎各位大侠批评指正。共同进步!

CSS布局、使页面高度自动伸展

CSS布局、使页面高度自动伸展
发表于 2009-5-27 00:00:04 | 显示全部楼层
学习了,谢谢楼主
回复 支持 反对

使用道具 举报

发表于 2009-5-27 09:39:57 | 显示全部楼层
收藏了
回复 支持 反对

使用道具 举报

 楼主| 发表于 2009-5-27 11:13:20 | 显示全部楼层
很高兴能给大家一些帮助
回复 支持 反对

使用道具 举报

发表于 2009-6-15 15:05:27 | 显示全部楼层
用到的定位太多了,这样页面显示效果不太好控制。
回复 支持 反对

使用道具 举报

发表于 2009-6-15 15:18:53 | 显示全部楼层
leftpan背景与大背景相同就是假伸展了。实际使用中都是有背景的,单纯的北京色很不实用,所以楼主的方法基本不可行。再就是做你现在实现的效果,根本不用这么定位。一个position都不用就可以轻松实现这个效果的
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-9-26 19:49 , Processed in 0.140270 second(s), 11 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表