css 百分比 定义高度 小结
来源:互联网 发布:免费拆单软件 编辑:程序博客网 时间:2024/05/19 12:15
在符合标准的 XHTML 模式下,将 DIV 的高度简单的设置为 100% 往往并不能达到想要的效果,
原因是“百分比”是个相对于父节点的值,
如果你没有设置他们的父节点的高度,那么设置 DIV 的高度为100%就没有了意义。
另外一个问题是你或许期望的并不是100%,而是在页面高度不够一屏时按照100%显示,
当你的页面超过视窗的大小时,DIV 要能够撑开,这样的话min-height才是你真正想要的。
下面的代码可以让页面不足一屏时按照100%显示,当超过一屏时,又能够撑开:
CSS:
html, body {
height: 100%;
}
#container {
/* this is the div you want to fill the window */
min-height: 100%;
}
由于 Internet Explorer (IE) 6 及其以下的版本并不支持 min-height 属性,
因此,我们需要添加针对 IE 的代码。
CSS:
* html #container {
height:100%
}
在 IE 下,当 DIV 的内容超过 DIV 本身的高度时,
DIV 会自动撑开,因此这样的代码可以很好的解决上面的问题。
- css 百分比 定义高度 小结
- CSS百分比定义高度为什么没有效果
- css 设置高度、宽度 百分比无效
- CSS学习总结---页面高度百分比
- CSS百分比实现高度占位自适应
- css 宽度与高度按百分比显示,且宽高相等,span高度百分比
- 在 CSS 中如何使用百分比设置页面 Div 高度?
- CSS图片宽度设置百分比 , 高度同宽度相同
- css实现div高度根据自适应宽度(百分比)调整
- div高度百分比
- css中子元素根据父元素设置百分比高度的问题。
- css解决设置宽度百分比,高度跟宽度相等,防止内部图片抖动
- css在高度为百分比时候的文字垂直居中方法
- css设置宽高百分比及div盒子高度百分比减像素的方法
- ExtJS Viewport 高度百分比设置
- Div高度的百分比问题
- IE6下css定义DIV高度的问题
- IE6下使用CSS定义DIV高度行之有效的办法
- SessionFactory重复新建冗余的连接池的问题
- 论Java软件工程的修练
- 最小的十位素数
- oracle学习 一
- uva 10142
- css 百分比 定义高度 小结
- 要质问,请你先了解下事件的真像
- 播放动画文件
- 项目部署
- strsep函数用法
- VC++实现输入字符动态更新列表查询
- Visual SourceSafe 入门教学
- VS2008查看WinForm界面遇到的问题
- 位图索引