讓div高度撐滿螢幕的方法

2021-10-02 22:07:51 字數 470 閱讀 1740

在body只有乙個div的時候,可以通過這樣的方式讓div撐滿整個螢幕。

1.給div設定定位。

複習一下——

css中position有五種屬性:

static:預設值,沒有定位

absolute:絕對定位,相對於父級元素進行定位

relative:相對定位

fixed:固定定位,相對於瀏覽器視窗進行定位

inherit:從父元素繼承定位資訊

除了預設值static和inherit之外,新增其他三種都可以實現視窗自適應。

在這裡插入**片14 

15 16 17

18 19

20 ----------

2.通過將html設為高度百分百

16 

17 18

19 ————————————————

讓div撐滿整個螢幕的方法(css)

在body只有乙個div的時候,可以通過這樣的方式讓div撐滿整個螢幕。1.給div設定定位。複習一下 css中position有五種屬性 static 預設值,沒有定位 absolute 絕對定位,相對於父級元素進行定位 relative 相對定位 fixed 固定定位,相對於瀏覽器視窗進行定位 ...

鋪滿螢幕的布局方法

我們可以通過設定html和body的高度來填滿整個瀏覽器螢幕的高度 html body 如果我們將html和body都設定為height 100 時,body的高度僅會被設定為瀏覽器螢幕的高度.當body裡的內容高度大於瀏覽器螢幕高度時,會因為預設的設定overflow visible使得高出的部分...

讓文字輸入框充滿螢幕的的寬度

這樣設定對按鈕來說很合適,但是對於文字框來說就不太好了,因為使用者可能輸入更長的 文字內容。因此如果能夠佔滿整個螢幕寬度會更好。linearlayout使用權重的屬性來達到這 個目的,你可以使用android layout weight屬性來設定。你可以根據每乙個部件所佔的空間來指定權重值的大小,它...