高度隨寬度自適應有很多種方案，這裡只討論一種巧妙的方案，就是利用margin/padding。我把**記錄下來供以後開發時參考，相信對其他人也有用。
margin/padding有這麼乙個很巧妙的知識點：當margin/padding取形式為百分比的值時，無論是left/right，還是top/bottom，都是以父元素的width為參照物的！
那麼可以使用padding-bottom/top來實現自適應方案一，**如下：
可以使用margin-bottom/top來實現自適應方案二，**如下：
由於沒有規定高度，那麼向其中填充內容勢必會佔據一定的空間從而影響高度。所以這個時候一般利用絕對定位來向其中填充內容。
實現div左右上下居中，高度隨寬度自適應
一 題目要求滿足 實現 charset utf 8 name viewport content width device width js bintitle head class wrap class inner adiv div body html css有兩種方式實現上下居中，一種是使用flex...
解決左邊寬度固定，右邊寬度隨瀏覽器自適應的3種方案
在前端開發中，不管是自己寫專案，還是應試，都會遇到這樣乙個問題，實現左邊寬度固定，右邊寬度隨瀏覽器的變化而變化，在這個問題上衍生出來的還有一種場景，明明設定了固定寬度，卻出現變形的現象，今天就給大家分享一下解決方案。思路 父元素設定 display flex 左邊元素給固定的 flex basis ...
關於導航寬度高度自適應的小栗子
1 2 to change this license header,choose license headers in project properties.3 to change this template file,choose tools templates 4 and open the te...