威尼斯娱乐

dedecms二次开发|织梦二次开发

dedecms(织梦)二次开发二次开发

威尼斯娱乐 资讯中心 织梦二次开发 DIV的CSS height:100%无效的解决办法

DIV的CSS height:100%无效的解决办法

时间:2015-12-03
DIV的CSS 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=from" /> 
<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" >威易网 www.weste.net</div> 
</body> 
</html>

QQ在线客服在线客服
用手机扫描二维码 关闭
二维码
XML 地图 | Sitemap 地图