【前端】html让高度充满浏览器

代码如下:

<!doctype html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>@[email protected]</title>

<style>

* {

margin: 0;

padding: 0;

}

#color {

width: 100%;

height: 100%;

background-color: #f69;

}

</style>

</head>

<body>

<div id="color">

<p>你好</p>

</div>

</body>

</html>

效果图如下:
【前端】html让高度充满浏览器

只有横向的撑满了屏幕,如何使纵向也撑满屏幕?设置了height:100%不管用,在body中设置background-color不是我要的结果。

回答

id为color的div的父元素没有撑满,body和html都要100%

html,body{

height: 100%;

width: 100%;

}

以上是 【前端】html让高度充满浏览器 的全部内容, 来源链接: utcz.com/a/78593.html

回到顶部