怎样让一个div高度自适应浏览器高度

2024-11-07 11:22:23
有2个网友回答
网友(1):

之前我只站在我的最高分辨率的角度站去写,把container的min-height设定达到最佳效果。却忽略了,如果大于我的最高分辨率时,这时container的min-heihgt就不能满足了!给container设height:100%,结果不行,我有点怀疑height:100%根本就没用的东西。在这个问题上,给container设min-heihgt:xpx肯定是不行了。查了很多资料,在他们提到的基本上很多都是html,body{height:100%;} container{height:100%;}。依照他们的方法依然没有效果,container改成{height:100%;min-height:100%}一样没有效果。 其实这个问题归结就是让container自适应浏览器和内容两个高度。照常规的,当有背景图的时候我们都会直接放在body层,谁会去考虑container的高度到底是多高?此次项目,有两个背景图, 在我想到这个方法时,也是受到别人相似的方法启发。自己写了一个小的测试 当div为相对定位position:absolute的时候,我们给它设height:100%;它会自适应浏览器的高度。因此,在这我的解决方法是: html,body{height:100%} container{position:absolute;top:0;left:0;min-height:100%;height:auto}切记,height:auto不能height:100%。用height:100%,当container的内容高度小于浏览器的没出现问题,但当container的内容高度大于浏览器的高度时你会发现container的height并没有随着内容高度而自适应。最后说一下height:100% 并不是没用的东西,呵呵,用到不对的位置就是没用的东西了! 好了,自认为是挺不错的一种解决方法......哈哈!我觉得呢碰到的问题越多,学习才会有劲,学到的也会越多,吸收的也会越多。

网友(2):

你想太多了,不要设置DIV的高度就可以了,有多少内容让它自己去撑。