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

2022-03-28 05:01:11 字數 761 閱讀 6366

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

1.給div設定定位。

複習一下——

css中position有五種屬性:

static:預設值,沒有定位

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

relative:相對定位

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

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

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

**如下:

1

<

style

>2*

6div

1213

style

>

1415

16<

body

>

1718

<

div>

div>

1920

body

>

2. 通過設定html,body的寬高來讓div充滿螢幕

1

<

style

>2*

6html,body

10div

15style

>

1617

<

body

>

18<

div>

div>

19body

>

讓div高度撐滿螢幕的方法

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

如何讓div的大小佔滿整個螢幕?

一 先來 二 原因在這裡 1 如果要以百分比設定元素 div 的尺寸,必要以父元素的尺寸作為參考,如果父元素沒有設定尺寸,那麼子元素 div 尺寸自然不會生效。2 所以如果設定div的高度為100 那麼他的參考元素就是是body,那麼如何設定body的尺寸呢?3 在怪異模式下,body可以作為根元素...

讓div在頁面居中的方法

就是在div的style中加入margin 0 auto 並且此div不能為float型別。但是還有一點,普通的html是不支援這樣寫的,必須在html上面加入一行就可以了。有些html是這樣寫的 那個xmlns是命名空間 詳見我的另一篇關於xml的文章 關於的說明 宣告位於文件中的最前面的位置,處...