在前端人員之間有一個普遍存在的問題，如何讓一個div的高度自動延伸到瀏覽窗口100%的高度。有一些不同的方法可以實現，但是，我想出了一個我個人比較喜歡的方法。今天，我將于你分享一下。
我對你是不了解的，但我試圖弄明白如何讓我的布局垂直拉伸到頁面的100％高度，這樣一個令我沮喪的問題。我想讓div結構自動延伸，但是它就是不能自動延伸，現在，為什么他不能這樣那？今天我將與你一起分享這個解決方法。
比方說你有如下html代碼文檔
提示：您可以先修改部分代碼再運行
同時你有如下css樣式文件
CSS Code復制內容到剪貼板
body {
margin: 0;
padding: 0;
}
#content {
background: #EEE;
border-left: 1px solid #000;
border-right: 1px solid #000;
padding: 0 20px 0 20px;
margin: auto;
font: 1.5em arial, verdana, sans-serif;
width: 960px;
height: 100%;
}
這就給了你這個示例文件。正如你所看到的，頁面的content容器不能自動延伸到頁面的整個高度。盡管我們給css樣式文件添加了”height:100%”。為什么那？
新聞熱點
疑難解答
