Posted on | by liu
css属性float，css对文字排版，css按钮里面添加图标，css中url是什么，css样式表格怎么创建，css3图片飞入特效，css3 文字环绕图片
方法一：
html, body {
margin: 0;
padding: 0;
}
.container {
width: 100%;
height: 100%;
position: relative;
}
.content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
以上代码将整个页面（即html和body标签）的margin和padding设置为0，然后放置一个容器（即.container类），这个容器的宽度和高度设置为100%，并且相对定位。然后将要贴边的内容（即.content类）绝对定位，宽度和高度都为100%，并且上下左右都与父容器保持距离为0，这样就能实现内容贴边的效果了。
方法二：
html, body {
margin: 0;
padding: 0;
}
.content {
width: 100vw;
height: 100vh;
}
以上代码与方法一的作用相同，都是将整个页面的margin和padding设置为0。不同的是，这里要贴边的内容直接设置为100vw宽度和100vh高度，这样就能实现内容贴边的效果了。