今天寫頁面碰到了乙個問題，div設定高度100%無效，於是進行檢查。首先想到的是div父容器沒有高度，於是檢查父容器高度，通過谷歌開發者工具發現，父容器高度正常，那為什麼元素高度無效呢。
然後我試著給父容器設定乙個固定的高度，發現元素高度100%居然有效了，這是什麼操作。廢了半天勁，突然想到我的父容器處於flex布局下，父容器的高度是預設的auto，是不是這個原因呢？於是我給父容器手動設定height:1px;。發現元素的100%高度生效了！
看來，flex布局雖然使得容器有了高度，但是如果不給容器手動設定乙個高度，子元素並不能使用百分比正確獲取。
其實這個問題碰到好幾次了，每次都想不起來，現在把它記下來，防止再次忘記。
關於div寬度和高度的100 設定的問題
設定div大小的有兩個屬性width和height，以前在學習div每次給div設定100 寬度或高度時都很迷惑，不明白這個100 的寬度 高度 到底有多寬有多高？這個100 是從 得到的從 繼承的？今天我們的話題就是有關div高度100 的問題！其實，要弄懂div寬度 width100 div高度...
關於Div的寬度與高度的100 設定
正像你所知道的那樣，設定div大小的有兩個屬性width和height，以前在學習div每次給div設定100 寬度或高度時都很迷惑，不明確這個100 的寬度 高度 到底有多寬有多高？這個100 是從 得到的從 繼承的？今天我們的話題就是有關div高度100 的問題！其實，要弄懂div寬度 widt...
關於Div的寬度與高度的100 設定
正像你所知道的那樣，設定div大小的有兩個屬性width和height，以前在學習div每次給div設定100 寬度或高度時都很迷惑，不明確這個100 的寬度 高度 到底有多寬有多高？這個100 是從 得到的從 繼承的？今天我們的話題就是有關div高度100 的問題！其實，要弄懂div寬度 widt...