專業南寧網站建設10年,服務客戶1000+

DIV的CSS height:100%無效的解決辦法

2015-12-03


在設置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>無標題文檔</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>

0
首頁
案例
關于
聯系
街机麻将玩法 云顶李逵劈鱼下载 兴动哈尔滨麻将漏宝秘籍 喜乐彩和值图 捕鱼电玩城注册送金币 梦幻国际棋牌新版下载 打麻将单机游戏 15选5规则及奖 捕鱼来了直播 星悦内蒙麻将下载苹果 龙王捕鱼技巧打法