[分享]css写div铺满整个页面

在网页设计中，div（division）是一个常用的标签，可以将网页分成若干个区块，便于排版和布局。如何让div铺满整个页面呢？下面就介绍一下css实现的方法。 / 去掉默认页面的margin和pad...

在网页设计中，div（division）是一个常用的标签，可以将网页分成若干个区块，便于排版和布局。如何让div铺满整个页面呢？下面就介绍一下css实现的方法。

 /* 去掉默认页面的margin和padding */
    body {
        margin: 0;
        padding: 0;
    }

    /* 将div的宽高设置为100% */
    div {
        width: 100%;
        height: 100%;
    } 

以上是基本的代码设置。需要注意的是，如果页面中有其他元素（如header、footer等），需要将它们单独设置宽高，以避免与div重叠。

此外，还可以设置背景颜色、背景图片等，美化页面。以下是一个例子：

 body {
        margin: 0;
        padding: 0;
    }

    div {
        width: 100%;
        height: 100%;
        background-color: #f2f2f2;
        background-image: url("bg.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    } 

这段代码将div的背景颜色设置为淡灰色（#f2f2f2），背景图片为bg.jpg，居中显示，自适应窗口大小（cover），不允许重复平铺（no-repeat）。

综上所述，通过css设置div铺满整个页面并美化背景，可以提高网页的视觉效果，吸引用户的关注。