CSS基础小TIP--占满全屏HTML部分CSS部分1扩展：占满父元素（父元素需要加位置属性）;绝对定位的参考起始点父元

HTML部分

<!DOCTYPE html>
<html lang="zh-cn">
<head>
  <meta charset="UTF-8">
  <title>demo</title>
</head>
<body>
	<div class="conteinre">

	</div>
</body>
</html>

CSS部分

1

.container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

扩展：

占满父元素（父元素需要加位置属性）;
绝对定位的参考起始点
父元素尺寸固定

tip:top,right,bottom,left的值可以是其他有效单位；

2

html {
    height: 100%;
}
body {
    height:100%;
}
.container {
    height: 100%;
}