`

2009.12.22(3)——height设置不管用

阅读更多
2009.12.22(3)——height设置不管用
height: 15%没有作用的问题

html,body{
	margin: 0px;
	padding: 0px;
	height: 100%;
}
这样就可以解决了,原因如下:
一个对象高度是否可以使用百分比显示,取决于对象的父级对象,对象在body之中,因此它的父级是body,而浏览器默认状态下,是没有给 body一个高度属性的,因此当我们直接设置height:15%;时,不会产生任何效果,而当我们给body设置了100%之后,它的子级对象 height:15%;便发生作用了,这便是浏览器解析规则引发的高度自适应问题。而代码中除了给body应用之外,还 给 HTML对象也应用相同的样式设计,这样做的好处是使IE与firefox浏览器都能够实现高度自适应。另外,Firefox中的HTML标签不 是 100%高度,因此给两个标签都定义为height:100%;以保证两个浏览器下均能够正常显示
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics