在設置DIV高度的時候,會用到一個height:100%的大小,來讓div撐滿瀏覽器高度。但是我們會發(fā)現,直接在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="http://lslks.net/" target="_blank">創(chuàng)新互聯(lián) </a><span style="white-space:nowrap;">http://lslks.net/</span> </div>