css如何让div元素铺满整个屏幕

html-css012

css如何让div元素铺满整个屏幕,第1张

<html>

<head>

<meta http-equiv="X-UA-Compatible" content="IE=Edge" />

<meta http-equiv="content-type" content="text/htmlcharset=utf-8" />

<title>div铺满屏</title>

</head>

<body>

<div style="border:solid 1px redwidth:100%height:100%">

</div>

</body>

</html>

给两种方法：

第一种：百分比。使用均分的百分比宽度。

第二种：css3弹性布局。父级给定宽度display:flexflex-direction:row子元素全部设置flex:1；