鍍金池/ 問答/HTML5  Java  HTML/ 如何設(shè)置讓元素高度撐滿一個(gè)屏幕？

如何設(shè)置讓元素高度撐滿一個(gè)屏幕？

clipboard.png

因?yàn)轫?xiàng)目全局被隊(duì)友設(shè)置了灰色的背景灰色（改動(dòng)比較大大），在子組件內(nèi)沒辦法改到html的樣式！設(shè)置無效

問題：如何讓圖中的1的div撐到一整個(gè)屏幕？有什么方法

回答
編輯回答
忠妾

*{padding:0;margin:0;}

我不太確定，可以試一波

2018年5月16日 08:41
編輯回答
獨(dú)特范

1.定位,height:100%
2.js獲得屏幕高度，然后再賦值！

2017年7月14日 11:24
編輯回答
替身

position:fixed;
display:flex;
width:100%;
height:100%;

2017年6月3日 19:52
編輯回答
我甘愿

我在微信移動(dòng)端上，不用考慮兼容性的話。

{
    height: 100vh;
}

vh: 屏幕高度的1%，vw: 屏幕寬度的1%

2017年8月4日 10:06
編輯回答
懶豬

絕對定位, 然后設(shè)置height: 100%
或者設(shè)置height: 100vh

2017年1月28日 12:09
編輯回答
青瓷
position:absolute;
top:0;
bottom:0;
left:0;,
right:0
2018年8月3日 13:59