html,body设置高度100%和默认的滚动条
2014-11-25 12:18
204 查看
html,body{ margin:0px; height:100%; }#id { background-color:#CCC; width:150px; height:100%; }
一个对象高度是否可以使用百分比显示,取决于对象的父级对象,#id的父级是body,而浏览器默认状态 下,是没有给body一个高度属性的,因此当我们直接设置#id为height:100%;时,不会产生任何效果,而当我们给body设置了100% 之后,它的子级对象#id的height:100%;便发生作用了,这便是浏览器解析规则引发的高度自适应问题。但是为body设置高度只是ie6下有作用。而代码中除了给body应用之外,还 给HTML对象也应用相同的样式设计,这样做的好处是使IE与firefox浏览器都能够实现高度自适应,而body却不是。另外,Firefox中的
HTML标签不是100%高度,因此给两个标签都定义为height:100%;以保证两个浏览器下均能够正常显示。
页面没有填满一屏时,ie6/7会有默认的滚动条,可以通过设置html{overflow:hidden;}来隐藏掉。或者设置html{overflow:sroll;}所有浏览器显示滚动条。
一个对象高度是否可以使用百分比显示,取决于对象的父级对象,#id的父级是body,而浏览器默认状态 下,是没有给body一个高度属性的,因此当我们直接设置#id为height:100%;时,不会产生任何效果,而当我们给body设置了100% 之后,它的子级对象#id的height:100%;便发生作用了,这便是浏览器解析规则引发的高度自适应问题。但是为body设置高度只是ie6下有作用。而代码中除了给body应用之外,还 给HTML对象也应用相同的样式设计,这样做的好处是使IE与firefox浏览器都能够实现高度自适应,而body却不是。另外,Firefox中的
HTML标签不是100%高度,因此给两个标签都定义为height:100%;以保证两个浏览器下均能够正常显示。
页面没有填满一屏时,ie6/7会有默认的滚动条,可以通过设置html{overflow:hidden;}来隐藏掉。或者设置html{overflow:sroll;}所有浏览器显示滚动条。
相关文章推荐
- html,body设置高度100%和默认的滚动条
- html,body设置高度100%和默认的滚动条(转)
- 解决body,html高度设置为100%时,安卓手机弹起键盘时,其高度变为可见高度的问题
- 在html中,怎么获取当前页面body的高度,body是没有设置高度的,但是里面有内容
- Html设置html与body元素高度问题
- 设置body高度100%自适应屏幕
- html基础 多行文本框 设置 高度 宽度 默认文本
- html,body设置{height:100%}
- 关于firefox的高度 html,body{ height:100%;}
- html基础 多行文本框 设置 高度 宽度 默认文本
- 设置html的table高度100%
- 如何设置body高度为100%
- CSS 如果不给body标签设置大小,那它默认的宽度好高度是多少,并且是居中的吗?
- <!Doctype html>对body高度影响
- html之给文本框设置宽度和高度...
- html+css高度100%的时候边框超出,出现滚动条的解决办法,带边框的100%高度
- html页面高度不同浏览器兼容性设置
- html如何设置P的高度为零?
- html之给文本框设置宽度和高度...
- w3c标准下iframe 设置高度100%