使用css+div制作网页有一段时间了,但是有一个问题一直困扰着我,如果页面内使用了嵌套层,而在嵌套层中有一个子层设定了浮动,那么父层的高度就不会随着子浮动的高度变化而随之变化,刚开始解决这个问题的办法就是直接设置父层的高度,但这也只适合在明确页面高度的情况下,如果页面的高度是不确定的,那么在ie及以ie为核心的浏览器中还是可以正常显示的,但是在firefox(火狐)中就会出很明显的错误,页面只能显示设定高度内的内容,这样当然是不行的,所以也曾有次试过找出其中的原因,但都没有什么成效.
       最近,由于工作需要这个问题又摆在了自己面前,刚开始是用js的方法解决了,不过感觉不是很完美,有一些地方还是不能协调,所以就又试着翻看css2.0的中文手册,在布局这一节看来看去还是不知其所然,最后就点开了一实例,发现这个实例里父层是可以自适应高度的,这个发现对我来说太及时了,所以就打开了实例的源代码,仔细分析自适应的原因,最后也真是让我给发现了,只是给父层设定一个宽度,就可以自适应子浮动层的高度了,就是这么简单的一个小问题,困扰了我那么长时间,真是衰呀!
       其实,在前几次试图解决这个问题的时候,也是看过这节的,但当时竟没有打开实例看一下,以至于被这种小问题困扰了这么长时间,真是如别人所说:"多深入一点儿,就会有新的发现",以后要多多改善喽。

• 张俊辉 发表于 2007-9-24 17:30:48
• [ 阅读全文 | 回复(0) | 编辑 ]

• 上一篇：字母大小写引起的ajax程序浏览器不兼容