在給元素設定高度時，一般使用px，但是當父類元素沒有設定height時，子類設定height：*%，是沒有高度的。
main元素沒有高度沒設定，導致layout–1ow-jp元素設定了高度為100%，也沒有撐開，現有高度還是button元素的高度
遇到這樣的情況，只有從根元素開始
html，body，root, main, layout--1ow-jp
理想的狀態還是
.layout--1ow-jp
100vh就可以理解鋪滿全部視窗了
這樣就自動全屏，當然就不用寫那麼多css 或者js
var height = window.innerheight
// 或者 .---之類了
var height1 = document.documentelement.clientheight
換乙個角度，當父元素用vh時，子元素用百分比，高度計算同樣就相對父元素了
效果和之前的圖基本沒什麼變化
CSS3的vw和vh視口單位
認識視口單位 viewport units 首先，我們要了解什麼是視口。在業界，極為推崇的一種理論是 peter paul koch 江湖人稱 ppk大神 提出的關於視口的 解釋 在桌面端，視口指的是在桌面端，指的是瀏覽器的可視區域 而在移動端較為複雜，它涉及到三個視口 分別是 layout vie...
css3使用clip path裁剪元素
clip pathcss 屬性可以建立乙個只有元素的部分區域可以顯示的剪下區域。區域內的部分顯示，區域外的隱藏。剪下區域是被引用內嵌的url定義的路徑或者外部svg的路徑，或者作為乙個形狀。clip path屬性代替了現在已經棄用的剪下clip屬性。clip source basic shape g...
使用CSS將塊級元素在父元素裡垂直居中
1.父子元素position定位改變子元素位置 子元素的css position absolute fixed top 0 right 0 bottom 0 left 0 margin auto 好處在於此方法不用知道元素寬高2.父子元素position定位改變子元素位置 position abso...