https://blog.csdn.net/qq_35771141/article/details/90598813 做個記錄，也能夠幫助恰好看到這篇文章的人 注意：減號兩遍一定要打 ...

這是因為百分比高度是根據父元素的高度計算的，假設從祖先到孩子所有的元素高度都只能設置成百分比，一旦中間有一層元素沒有設置高度，那這一層以及他的所有子元素都變為自適應高度（height: auto），並且max:height為這一層的父元素高度。 因此假設我們有一個項目需要用百分比完全按照分辨率 ...

　　CSS 中可以使用%來給定指定元素的大小，也就是高度、寬度、margin，padding 等等，但是相信很多人都對百分比表示法的具體含義並不清楚，那么不懂就練，畢竟是檢驗真理的唯一標准（考研黨舉個手我看看...）。 練習： 　　 　　一般來說，很多人認為百分比表示法 ...

當我們給塊級元素設置響應式高度的時候，例如給div設置height=50%，往往沒能看到效果。 原因是百分比的大小是相對其父級元素寬高的大小，如最外層元素設置的百分比是對應屏幕而言的。 需要了解的是對於寬度來說，其父級元素無須確定寬度就能設置百分比，例如我們可以利用這個特性給未知寬度的塊級元素 ...

width=num% ， height=num% 基於以下幾點 1. 若元素不存在定位： 則基於直接父元素的寬高度 2. 若元素存在定位 且 定位為 relative， 則也基於直接父元素的寬高度 3. 若元素存在定位 且 定位為 absolute， 則基於最近的相對定位 ...

給div按百分比設置高度 寬度兩種方法： 第一種是給body標簽設置他的高度值，xxxpx，div就會根據body的像素值取百分比； 第二種方法就是在div屬性中加入 position:absolute; ...

在圖片長寬不相等的情況下，想將長寬設置為相等並且自適應屏幕，可以通過 js 的方式進行設置並通過監聽 resize 來實時更新，但是這種方式很麻煩。 這里通過 css 來達到我們想要的效果： 需要添加一個父元素來達到我們的目的。 或者: 我們在這里 ...

在圖片長寬不相等的情況下，想將長寬設置為相等並且自適應屏幕，可以通過 js 的方式進行設置並通過監聽 resize 來實時更新，但是這種方式很麻煩。 這里通過 css 來達到我們想要的效果： 需要添加一個父元素來達到我們的目的。 或者: 我們在這里 ...