原創(chuàng)聲明:本文為作者原創(chuàng),未經(jīng)允許不得轉載,經(jīng)授權轉載需注明作者和出處
通過例子看本質(zhì),先寫一個簡單的例子
布局文件:
樣式文件:
最終的效果去不是全屏:
這是為什么呢,首先要知道設置百分比是什么意思,既然是百分比,那一定要有一個參照物,那就是它的父元素
在例子中,是對根元素(類似html中的body)設置百分比,所以它的根元素是page
但page沒有設置高度、寬度呀,所以這是后設置百分比就屬于失效的,想讓它全屏那就直接設置父元素的寬高
效果是不是出來啦
或者直接在container里寫上position:absolute也會有一樣的效果,因為absolute是根據(jù)已定位的父元素設置位置的,還省了特意寫一個page
只寫百分比
效果可想而知
現(xiàn)在加上position
最終效果:
如果我哪里理解錯了歡迎指正