css 怎样在包含Margin的同时height100%不会溢出?

ZeronoFreya 发布于 2015/08/21 07:22
阅读 219
收藏 0

如图,红色Div随浏览器高度自动变化

绿色Div随红色Div高度自动变化,且 margin为20px

绿色Div设置height: 100%;会溢出,用Js能解决,但css自身没办法吗?

我永远不会知道具体高度(除非用Js计算)

加载中
0
双_双
双_双

可否把margin换成padding?

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}
.outer {
	border: 1px solid red;
	width: 500px;
	height: 100%;
	padding: 20px;
	box-sizing: border-box;
}

.inner {
	height: 100%;
	border: 1px solid;
}



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

ZeronoFreya
ZeronoFreya
MP不太纠结,没问题~ 感谢
0
公孙二狗
公孙二狗

CSS3 box-sizing 属性

ZeronoFreya
ZeronoFreya
有效果的话我也不会问了...
返回顶部
顶部