Div中height:100%无效的解决办法
有时我们在设置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>图趣网[Tuquu]</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" >图趣网 www.tuquu.com</div>
</body>
</html>
效果如下：
本文地址：http://tuquu.com/tutorial/wd1984.html
-
Macaron 马卡龙系色谱 ；附HC（16进制码）
Macaron 马卡龙系颜色表 色谱/色卡/色表 扩展阅读：马卡龙原指（Macaron
-
@media适配不同尺寸的手机
当下，不同分辨率，不同尺寸的移动设备越来越多，自适应也成了最热门的话题，下面就是图趣网整理到的
-
干货分享！推荐8个高清无水印无版权可商用图
在我们写文章的时候经常需要给文章配一个好图，或者是bannar等等，这就需要我们寻找一些好的无水印
-
国外黄色网站系列欣赏之一
黄色也是一个暖色。它有大自然、阳光、春天的涵义，而且通常被认为是一个快乐和有希望的色彩，黄色
-
CutterMan-一个好用的ps切图插件
cutterman--ps切图工具，方便快捷的用于网页开发/IOS/Android切图功能
-
ps像素图放大边缘模糊？一步搞定
ps像素图放大边缘模糊？我们将分享一个ps无损放大二维码的更方便快捷的实例...
-
庞门正道：好好玩耍的点线面（上）
庞门正道：好好玩耍的点线面（上）
-
经典网页配色方案之无色系
今天跟大家分享无色系配色---指除了彩色以外的其它颜色，常见的有金、银、黑、白、灰。明度从0变化