请教html页面布局

syj52417 发布于 2015/08/07 14:49
阅读 127
收藏 1

新手一枚,想实现一个简单布局,求大家指教。

布局很简单,分上下两部分。

div1:高度固定(50px),宽度铺满整个网页。

div2:保证在不同分辨率下div2高度+div1高度铺满整个屏幕,宽度铺面整个网页。

如果在不用js的情况下该怎么去做?



加载中
0
酱哥哥
酱哥哥

正常人的使用习惯是,网页有上下滚动条,不允许有左右滚动条。所以width设置为100%可撑满整个宽度,但是高度就不行了。

所以你不要钻牛角尖,两个DIV沾满整个页面。而且浏览器也是带滚动条的,滚动条会根据用户的电脑的尺寸和页面内容来变化的

syj52417
syj52417
ok 多谢。
0
vvtf
vvtf

.div1 {position: fixed; top: 0px; left: 0px; right: 0px; height: 50px;}

.div2 {position: fixed; top: 50px; left: 0px; right: 0px; bottom: 0px;}

syj52417
syj52417
谢谢。
0
双_双
双_双
html, body {margin:0; padding:0; overflow:hidden;}
.div1 {height:50px; background-color:lightgreen;}

.div2 {width:100%; position:absolute; top:50px; bottom:0; background-color:lightblue;}

http://sandbox.runjs.cn/show/r5yuzgx8

syj52417
syj52417
话说这网站不错哎 第一次发现。!
syj52417
syj52417
thanks
返回顶部
顶部