在body只有一個p的時候，可以通過這樣的方式讓p撐滿整個螢幕。
1.給p設定定位。
複習一下——
css中position有五種屬性：
static:預設值，沒有定位
absolute:絕對位置，相對於父級元素進行定位
relative:相對定位
fixed:固定定位,相對於瀏覽器視窗進行定位
inherit:從父元素繼承定位資訊
除了預設值static和inherit之外，添加其他三種都可以實現視窗自適應。
代碼如下：
1 <style> 2 *{ 3 margin: 0; 4 padding: 0; 5 } 6 div{ 7 width:100%; 8 height: 100%; 9 background: yellow; 10 position: absolute; 11 } 12 13 </style> 14 15 16 <body> 17 18 <div></div> 19 20 </body>
2. 通過設定html,body的寬高來讓p充滿螢幕
1 <style> 2 *{ 3 margin: 0; 4 padding: 0; 5 } 6 html,body{ 7 width: 100%; 8 height: 100%; 9 } 10 div{ 11 width:100%; 12 height: 100%; 13 background: yellow; 14 } 15 </style> 16 17 <body> 18 <div></div> 19 </body>Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
