html自动计算浏览器宽高,html div宽高自适应问题（保证展示最佳效果的宽高、div高度占满浏览器）...

一、布局如下：

二、设计目标：

1、高度要占满整个浏览器的可视高度。

2、div高度可变化，但内容不能溢出。

3、缩放浏览器、或更改分辨率，都可完美的自适应。

三、设计思路：

1、宽度自适应，网上有很多关于“负边距”的技术。

2、高度自适应？没有负边距技术中用到的float，不能使用负边距实现。

3、div中使用min-height，保证最小的压缩高度，浏览器再小，就会出现滚动条。

四、设计代码

top 需要自适应，但最小不能小于25px

center 需要自适应，但最小不能小于300px

bottom 需要自适应，但最小不能小于277px

body

{ </