就我們所以了解的：乙個div塊級元素沒有主動為其設定寬度和高度，瀏覽器會為其分配可使用的最大寬度(比如全屏寬度)，但是不負責分配高度，塊級元素的高度是由子元素堆砌撐起來的。
例如：
doctype html實現效果：>
<
html
>
<
head
lang
="en"
>
<
meta
charset
="utf-8"
>
<
title
>
title
>
<
style
type
="text/css"
>
html,body
.demo
style
>
head
>
<
body
>
<
div
class
="demo"
>
看看我的高度
div>
body
>
html
>
此時的情況是父元素高度依賴子元素堆砌撐高,因此demo中的是不起作用的。元素高度百分比需要向上遍歷父標籤要找到乙個定值高度才能起作用，如果中途有個height為auto或是沒有設定height屬性，則高度百分比不起作用。
需要找到頂級父元素(即瀏覽器的高度)，可以使用js獲取瀏覽器的高度再進行設定，當然亦有簡單的辦法
實現效果：
關於div高度 寬度 100
正像你所知道的那樣，設定div大小的有兩個屬性width和height，以前在學習div每次給div設定100 寬度或高度時都很迷惑，不明確這個100 的寬度 高度 到底有多寬有多高？這個100 是從 得到的從 繼承的？今天我們的話題就是有關div高度100 的問題！其實，要弄懂div寬度 widt...
div高度設定100 無效的問題
今天寫頁面碰到了乙個問題，div設定高度100 無效，於是進行檢查。首先想到的是div父容器沒有高度，於是檢查父容器高度，通過谷歌開發者工具發現，父容器高度正常，那為什麼元素高度無效呢。然後我試著給父容器設定乙個固定的高度，發現元素高度100 居然有效了，這是什麼操作。廢了半天勁，突然想到我的父容器...
關於Div的寬度與高度的100 設定
正像你所知道的那樣，設定div大小的有兩個屬性width和height，以前在學習div每次給div設定100 寬度或高度時都很迷惑，不明確這個100 的寬度 高度 到底有多寬有多高？這個100 是從 得到的從 繼承的？今天我們的話題就是有關div高度100 的問題！其實，要弄懂div寬度 widt...