div全屏寬度實現
編輯：布局基本知識
DIV最外層全屏100%寬度
其實DIV全屏即寬度值設置為100%，如果對網頁最外層的DIV盒子不設置寬度，這樣盒子依然是全屏相當於100%寬度。
如果對DIV設置全屏，一般我們就設置其width寬度樣式為100%。
這裡為了方便理解，ThinkCSS實例講解DIV全屏實現對最外層DIV給予id引入CSS命名為warp;同時為了便於觀察，我們對div設置一個css背景為黑色，高度為80px。
1、完整html+css代碼：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>div全屏實例</title>
<style>
#warp{ width:100%;height:80px;background:#000}
</style>
</head>
<body>
<div id="warp"></div>
</body>
</html>
2、全屏實現，全屏將根據浏覽器寬度自適應全屏
CSS+DIV全屏顯示實例效果截圖
小結DIV實現全屏技巧：
一般要實現全屏自適應我們只需要設置對象寬度為100%即可。
推薦相關文字知識：
1、css 自適應寬度
2、table tr td表格寬度
3、div寬度設置
4、css圖片寬度
5、span寬度
6、隱藏超出div內容
小編推薦
熱門推薦