因为浏览器默认情况下会为元素添加margin和padding属性，需要将这两个属性初始化为0.
1、新建html文档，在body标签中添加一个div标签，然后为这个div设置一些样式：
2、用浏览器打开编辑好的html文档，这时可以从浏览器中发现浏览器四周留有一些白色空隙：
3、在style标签中为“*”添加“margin: 0padding: 0”样式，“*”表示所有元素，“margin”和“padding”表示外边距和内边距：
4、用浏览器重新打开编辑好的html文档，这时浏览器四周的白色空隙都会被去除：
宽度根据父级来定的：百分比——100% -->width：100%；（此时宽度填满为父级的宽度）。要注意，如果不是填满你希望的宽度，那就是父级的宽度需要你调整了；
display：block；块元素自动占满一行宽
浮动是最普遍实现的方式，但 css 浮动的初衷并不是用于布局的，所以浮动布局迟早会被淘汰，应该作为备选方式使用。
绝对定位方式有个缺点，当左边高于右边时，左边会超出父元素，需要使用 js 补救。
flex 是最鼓励使用的方式，低端 IE 不支持，但在移动端得到了广泛的使用。
