在body只有一個(gè)div的時(shí)候，可以通過(guò)這樣的方式讓div撐滿整個(gè)屏幕。
1. 給div設(shè)置定位。
復(fù)習(xí)一下——
css中position有五種屬性：
static:默認(rèn)值，沒(méi)有定位
absolute:絕對(duì)定位，相對(duì)于父級(jí)元素進(jìn)行定位
relative:相對(duì)定位
fixed:固定定位,相對(duì)于瀏覽器窗口進(jìn)行定位
inherit:從父元素繼承定位信息
除了默認(rèn)值static和inherit之外，添加其他三種都可以實(shí)現(xiàn)窗口自適應(yīng)。
代碼如下：
<style>
*{
margin: 0;
padding: 0;
}
div{
width:100%;
height: 100%;
background: yellow;
position: absolute;
}
</style>
<body>
<div></div>
</body>
- 通過(guò)設(shè)置html,body的寬高來(lái)讓div充滿屏幕
<style>
*{
margin: 0;
padding: 0;
}
html,body{
width: 100%;
height: 100%;
}
div{
width:100%;
height: 100%;
background: yellow;
}
</style>
<body>
<div></div>
</body>
