首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

布局有关问题 将窗口一分为二

2012-10-20 
布局问题将窗口一分为二将浏览器窗口分为上下两个div,上面的div高为300px,剩余区域给下面的div,用css能完

布局问题 将窗口一分为二
将浏览器窗口分为上下两个div,上面的div高为300px,剩余区域给下面的div,用css能完成吗,我只会用js先算出外部窗口的高,然后减去上div的高,得出下div的高。

[解决办法]

HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><style>html,body{height:100%;margin:0;padding:0;}</style></head><body><div id="top" style="height:80px;background:#f00; position:absolute; top:0; width:100%"></div><div id="main" style="height:100%;background:#000;margin-top:0!important; margin-top:-80px"></div></body></html> 

热点排行