div充满整个屏幕

最新推荐文章于 2025-05-14 15:56:42 发布

原创最新推荐文章于 2025-05-14 15:56:42 发布 · 2.3k 阅读

0 ·

CC 4.0 BY-SA版权

web前端开发专栏收录该内容

9 篇文章

订阅专栏

* {
    margin: 0;
    padding: 0;
}
#container{
    width:100%;
    height: 100%;
    background-color: red;
    position: absolute; /*设置个absolute就可以全屏了*/
}

以上是css，下面是补充的html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link  rel="stylesheet" type="text/css" href="css/index.css">
</head>
<body>
<div id="container">
    充满整个屏幕
</div>
</body>

</html>