2:body的width不需要设置百分百是因为浏览器中body中即使没有任何内容其body的宽度(width)默认为浏览器的窗口宽度也就是;
3:在css代码中经常会出现html,body{width:100%height:100%}
1.这里的width给不给都无所谓
2.为什么还要加上html呢?是因为在IE内核的浏览器中是以html为基准的。
4:如果对以上步骤还有不理解或者解答出错的地方欢迎追问,指正。
5:望采纳
没看到代码就只能说出我所猜想的了:
标签没闭合,也就是你代码错误
你用了iframe 页面嵌套进去,而这个iframe又不占据全屏高度
你对height的理解有问题,html,body{height:100%}的意思是获取浏览器的高度并且赋值给html,body,定死html,body的高度。也就是屏幕的高度;
其实已经是100%了,但是你没有reset body的样式,比如body{margin:0}那么body默认就有一定的margin值,你所看到的body其实并不是铺满而是里面最外层有一定间距
这是我所想到的所有情况了。
如果能提高效果图 和代码 我想应该可以找出具体的问题所在
1、在怪异模式下,也就是网页头部不写doctype的时候,body可以作为html元素的根元素,设置它的高度为百分之百的时候(不考虑外边距),可以使的页面的高度和浏览器客户区相同。在标准模式下,也就是网页头部写doctype的时候,body不是html页面的根元素,html才是根元素,如果仅仅设置body的100%,不设置html元素的高度为100%,那么body的高度不会生效,之所以不生效,是因为如果要以百分比设置元素的尺寸,必要以父元素的尺寸作为参考,如果父元素没有设置尺寸,自然不会生效。
2、在标准模式下,由于没有设置html的高度,所以body的高度100%就没有参考高度,于是也就导致div的百分比高度无效,如果将css代码中的第一行设置为:
div的100%是从其上一级div的宽高继承来的,有一点很关键,就是要设置div100%显示,必须设置其上一级div的宽度或高度,否则无效。
前面总得有个容器说明他的高度是多少。这样的话div才能按比例100%继承上一级的高度可惜的是浏览器一般默认解释为内容的高度,而不是100%。
解决方法:只要为html和body设置高度为100%就可以了,html,body{height:100%},这样之后div会按比例来继承上一级的高度了.仅仅设置的div元素的height属性貌似没有什么效果。
另外,html{height:100%}的高度是相对浏览器高度来说的。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)