静态页面中的注意事项

• 如果给header的图片加了100%，则他的body，html也要加100%

• box-sizing:border-box;的作用，设置盒模型，以边框作为盒模型的边界就不用关心是不是有边框是不是有padding了。

• 设置为block，就可以设置width和height，而设置inline-blcok，就可以在一行排列

外边距合并的问题的解决

• 给父级元素加个border或者padding或者overflow：hidden

图片等间隙排列

• margin-left设置好后，在父级元素设置一个相应的负margin。

文字和图片对齐方式

• 设置inline-block，然后vertical-align：center

作者：徐金俊
链接：https://www.jianshu.com/p/a0daa670a8b7