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