日期:2014-05-18  浏览次数:20662 次

用DIV+CSS+js做一个三行三列的页面
用DIV+CSS做一个三行三列的页面。三行分为页头、内容区、页脚,页头高度为100px,页脚高度为50px,内容区的刚好充满剩余的屏幕,当浏览器窗口大小变化时,内容区的高度及宽度也随之自适应变化,并刚好充满剩余屏幕空间。内容区又分为左栏、中栏、右栏。内容区的左栏宽度为100px,右栏宽度为30px,中栏也要刚好充满内容区的剩余空间,当浏览器窗口大小变化时,中栏的高度及宽度也随之自适应变化,并刚好充满内容区的剩余空间。如何做?要求:在Firefox及IE中要一致。网上虽然也一些例子,但都不能达到这个要求,请大家帮忙。

------解决方案--------------------
比较麻烦
记得以前模仿QQ空间个人中心(QQ空间注销后的情况,跟一般的不一样)的时候
弄过iframe自适应高度的.
非常麻烦 .
不同的浏览器支持的方法不一样 很郁闷 .
特别是有些js代码执行起来可能不是那么容易 所以像IE这种JS执行慢的浏览器看起来就不太连贯.
------解决方案--------------------
很容易,用JS去控制高度和宽度!!!