[分享]css中容器铺满整个页面

CSS中一般使用容器来布局页面，而有时候需要让一个容器铺满整个页面。这个时候，我们可以使用一些简单的CSS技巧来实现。 .container { width: 100; height: 100; ma...

CSS中一般使用容器来布局页面，而有时候需要让一个容器铺满整个页面。这个时候，我们可以使用一些简单的CSS技巧来实现。

.container {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
} 

以上的代码可以将容器的宽度和高度都设为100%，从而使得容器铺满整个页面。同时，将容器的margin（外边距）和padding（内边距）都设为0，这样容器就不会被页面的其它元素撑开了。

除了上述的方法，还可以采用绝对定位的方式使容器铺满整个页面。具体代码如下：

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

以上代码中，将容器的position（定位方式）属性设为absolute（绝对定位），然后将top（顶部）、bottom（底部）、left（左侧）、right（右侧）四个定位属性都设为0。这样容器就会在页面的最外层绝对定位，从而实现了铺满整个页面的效果。

总之，通过以上两种方式，我们可以轻松地让一个容器铺满整个页面，从而实现我们需要的布局效果。