关于position：absolute 

它不是相对于视窗而是相对于最近的“positioned”祖先元素。如果绝对定位（position属性的值为absolute）的元素没有“positioned”祖先元素，那么它是相对于文档的 body 元素，并且它会随着页面滚动而移动。

记住一个“positioned”元素是指p osition 值不是 static 的元素.只要不是默认的static。可以是absolute，可以是relative，也可以是继承来的positioned前面两个值。

 

另外做布局时，考虑column文字多列布局，flexbox多列布局，flexbox还有一个水平处置居中的方法。

无耻的偷两张图；

  参考地址：http://zh.learnlayout.com/flexbox.html

  这里的布局教程写得很不错