HTML/CSS的自适应高度问题。 我觉得宽度问题可以设置为100%，但是高度问题如何解决就是个悲剧了。

Question

我先设置overflow让页面没有滑动，然后用百分比定义高度。
因为我希望这样就能够把所有内容都呈现在一个屏幕内，不用滑动。
而且还可以兼容各种浏览器的各种版本。
我还没有接触javascript，希望各位能够给我一个正确的方法，谢谢。

Answer 1

先设置html及body的CSS的高，分别为height:100%
如下：
html,body{height:100%;margin:0px;}
或
html{height:100%;}
body{height:100%;margin:0px;}
后面的高为100%才有效：
<table height="100%">
或
<div style="height:100%;">

Answer 2

min-height:200px;_height:200px;
这是自动增长高度，最小高要大于后面设置的高度（建议两个值设成一个）
这样当你内容增加时，它会自己扩展高度本回答被网友采纳

Answer 3

把html标签和body标签的高度都设成100%;
好像在那里看过某些浏览器高度100%是跟随父容器,所以父容器高度都要设置成100%..这点不太确认

但是把html和body都设成100%的确可以(亲身测试,楼主也可以测试一下),包括IE6....
<style>
html,body{height:100%;}
</style>

望楼主采立~本回答被提问者采纳

Answer 4

都要一个屏幕没有滑动 那你只能去限制内容的多少了

Answer 5

应该也是和宽度一样，设置100%。
但你的不要滑动，同时所有内容都在一个屏幕内，似乎需要你的内容本身不超过一个屏幕吧。

如果超过，必然不能完全显示，显示就需多屏或者做同一屏幕内给内容区设置滚动追问

不同浏览器之间不一样啊……郁闷死了。
怎么设置呢？

追答

你能大概地传个不同浏览器情况的效果图看看吗？

本回答被网友采纳