Heim > Artikel > Web-Frontend > 布局问题 将窗口一分为二_html/css_WEB-ITnose
布局问题 将窗口一分为二_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:15:421675Durchsuche
将浏览器窗口分为上下两个div,上面的div高为300px,剩余区域给下面的div,用css能完成吗，我只会用js先算出外部窗口的高，然后减去上div的高，得出下div的高。
回复讨论(解决方案)
<!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> Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：求助：关于js问题_html/css_WEB-ITnoseNächster Artikel：请教:删除页面链接对SEO有影响吗？_html/css_WEB-ITnose