html 和 body 标签的高度（如何让div占满全屏）

问题描述：想让下面的header元素高度为100%，奈何设置了height： 100%；之后没作用。<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1.0">&l

小k铁柱

19288人浏览 · 2020-05-20 11:43:00

小k铁柱 · 2020-05-20 11:43:00 发布

问题描述：

想让下面的header元素高度为100%，奈何设置了height： 100%；之后没作用。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0">
		<title></title>
		<link href="css/task7.css" rel="stylesheet">
	</head>
	<body>
		<header>
			
		</header>
	</body>
</html>

描述：

我把body的高度设置为 100% ,还是没用。于是上网查了，原来元素的高度如果设置为百分比的话，要么由内容撑开，要么由父元素得到，如果父元素没有高度，那么这个百分比是没有用的。
在html中，没有设置宽度的话默认100% ，没有设置高度的话，只能由内容撑开。
刚刚我虽然设置了 body {height: 100%;} ，但是html元素没有高度，所以我应该这样设置。