DIV的CSS height:100%无效的解决办法
来源:互联网 发布:山东省网络问政 编辑:程序博客网 时间:2024/04/30 10:27
在设置DIV高度的时候,会用到一个height:100%的大小,来让div撑满浏览器高度。但是我们会发现,直接在div中写上“style:"height:100%;"”是无效的。
那么如何才能让div的css height:100%生效呢?解决办法很简单,同时也能适配多个浏览器。
方法就是在css当中增加上:
html, body{ margin:0; height:100%; }
这样,在div中使用height:100%就能够正常显示了。
示例代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
html,body{ margin:0px; height:100%;}
.container { height: 100%;}
.c2{ width:100%; background:#09F; font-size:36px;}
</style>
</head>
<body>
<div class="container c2" >sadf sdfsadfas sdfsadf sdfsdfsdfasdf </div>
</body>
</html>
- CSS--DIV height:100%无效的解决办法
- DIV的CSS height:100%无效的解决办法
- DIV的CSS height:100%无效的解决办法
- DIV的CSS height:100%无效的解决办法
- CSS height=100%无效的解决方案
- DIV height:100% 的解决办法 测试通过
- table和div设置height:100%无效的完美解决方法
- table和div设置height:100%无效的完美解决方法
- table和div设置height:100%无效的完美解决方法
- table和div设置height:100%无效的完美解决方法
- table和div设置height:100%无效的完美解决方法
- table和div设置height:100%无效的完美解决方法
- 关于height:100%无效的解决办法与细节
- ie6中min-height无效的解决办法
- IE中设置height无效的解决办法
- ie6中min-height无效的解决办法
- 浅谈CSS满屏品字布局中div设置height为百分比无效的问题
- 父级div height:auto无效解决办法
- QT实现界面跳转切换
- 常用AT指令
- 获取网站的根目录信息
- linux下的简易有道字典
- 截图工具 Snagit
- DIV的CSS height:100%无效的解决办法
- 黑马程序员----java基础加强(5)
- SessionState -- SqlServer部署
- 安卓开发者必备的几个工具
- Unix/Linux环境C编程入门教程(1) Solaris 11 64bit环境搭建
- 05extjs的数据集store
- MFC单文档中生成序列类以及使用
- Linux中find常见用法示例
- 不要让团队去实现你的理想