在设置DIV高度的时候,会用到一个height:100%的大小,来让div撑满浏览器高度。但是我们会发现,直接在div中写上“style:"height:100%;"”是无效的。
那么如何才能让div的css height:100%生效呢?解决办法很简单,同时也能适配多个浏览器。
方法就是在css当中增加上:
html, body{ margin:0; height:100%; }
这样,在div中使用height:100%就能够正常显示了。
示例代码:
<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>
<div class="container c2">
<a href="https://www.cdxwcx.com/" target="_blank">创新互联 </a><span style="white-space:nowrap;">https://www.cdxwcx.com/</span>
</div>