在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的文章 關於的說明 宣告位於文件中的最前面的位置,處...