要求
body下div垂直居中
div內文字垂直居中
div寬度和高度均為body寬度的一半
分析div居中不難，考慮 margin 或者 left/top 配合 translate 屬性實現
關鍵點在於div高度等於body一半，由於body沒有高度，設定div height： 50%；得到的結果是div的高度為0
即使通過對body進行絕對定位的手段使得body高度為100vh，div高度設定50%也只能是body高度的一半，而不是寬度的一半
此時要借助於 padding ，因為padding設定百分比時，參考便是父容器的寬度**1
2345
6789
1011
1213
1415
1617
1819
2021
2223
2425
2627
2829
3031
3233
3435
36box123
CSS實現div高度自適應
1 有時候，我們希望容器有乙個固定高度，但當其中的內容多的時候，又希望高度能夠自適應，也即容器在縱向能被撐開，且如果有背景，也能夠自適應。在一般情況下，使用min height即可解決。但是廣大網民的首選瀏覽器ie6並不支援min height。ie7，opera，火狐，谷歌沒有問題。所以採用以下寫...
div設高度為1px實現分隔線的效果
設定高度為1px等超小高度在ie下不正常顯示的解決方案 根據div css網頁布局的需要，我們有時候需要設定容器的高度為1px。而設定後在ie中預覽，並不是所設定的樣子，好象容器被撐開了，達不到想要的最小高度。其實這是ie的預設行高所引起的，解決的方法也有很多，下面我們例舉了overflow hid...
純Css實現Div高度根據自適應寬度（百分比）調整
在如今響應式布局的要求下，很多能自動調整尺寸的元素能夠做到高寬自適應，如img，通過實現高度跟隨寬度比例調整。然而，用的最多的標籤一哥css實現div高度根據自適應寬度 百分比 調整.html target self div卻不能做到自動調整 要麼從父級繼承，要麼自行指定px，要麼給百分比！但是這個...