tnjk.net
当前位置:首页 >> 为什么Div不能用百分比设置高度 >>

为什么Div不能用百分比设置高度

有没有在里面加上:

html, body,.container {height: 100%; } container的高度要设置成100%则前面一个元素要设置一个高度,所以我们追溯到html标签,给html标签定义高度为100%,这样就可以了,chrome中实测。 注意: 1.div外层的父标签如果没有定义高度或宽度(用px...

你可以用em行高来控制呗,干嘛非要用百分比呢?单位可以用好多种的,你多实践就知道了

需要在div的父层或更高级层,增加一个100%高度,或者直接写html,body{height:100%;},div本身也要添加height:100%;属性。

原理: 先给父级设置宽度(像素) 然后再子里,设置百分比,如图示。 代码原件: 复制到之间使用即可。

如果父元素没有指定高度,那么子元素的百分比的高度设置了也没用。所以我们需要先设置父元素的高度: html, body {height: 100%;}

.div1{ height:100px; position:absolute;}.div2{ height:100%; padding-top:100px; box-sizing: border-box;}

可以啊,先把html和body的高度设置成100%就可以了

只需要把HTML或BODY的高度设置为100%,然后在body内的任意DIV的高度用百分比表示,就可以了。具体代码如下: body{height:100%;}//设置网页高度为百分之百 .login_wrapper{height:100%;}//设置整体布局高度为网页高度的百分之百 .login_header,....

div设置百分比是需要内容支撑的,自动适应内容的大校 如果你需要全屏设置背景颜色时,可以直接设置body的背景。或者改为height:100vh或者height:100vmx

网站首页 | 网站地图
All rights reserved Powered by www.tnjk.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com