>  기사  >  웹 프론트엔드  >  布局问题 将窗口一分为二_html/css_WEB-ITnose

布局问题 将窗口一分为二_html/css_WEB-ITnose

WBOY
WBOY원래의
2016-06-24 12:15:421675검색

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


回复讨论(解决方案)

本帖最后由 net_lover 于 2012-10-14 15:27:45 编辑

<!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>
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.