欢迎来到HELLO素材网! 南京网站制作选择顺炫科技
丰富的DIV CSS模版、JS,jQuery特效免费提供下载
当前位置:主页 > 建站教程 > JS教程 >

DIV的CSS height:100%无效的处理办法

发表于2019-04-11 11:44| 次阅读| 来源网络整理| 作者session

摘要:在设置DIV高度的时分,会用到一个height:100%的大小,来让div撑满阅读器高度。然而咱们会发现,间接在div中写上“st

在设置DIV高度的时分,会用到一个height:100%的大小,来让div撑满阅读器高度。然而咱们会发现,间接在div中写上“style:"height:100%;"”是无效的。那么如何能力让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" "">
<html xmlns="">
<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" >威易网 </div>
</body>
</html>

显示效果:

\