文档流

文档流：窗体自上而下分成一行一行的，并在每一行中从左到右一次排列元素。

一般的元素都遵循文档流排放，通过定位可以使元素脱离文档流： 1.绝对定位：absolute。完全脱离文档流排列元素，元素相对于其最近的具有定位属性的父元素进行定位，若无则相对于body 定位。元素脱离文档流，依然在文档流中的其他元素会覆盖原本这个元素的位置。元素定位到浏览器之外时显示滚动条。 2.相对定位：relative。不脱离文档流，元素相对于以前的位置移动，这种移动是在正常文档流中的移动。对象定位在浏览器窗口以外时显示滚动条。 3.固定定位：fixed。遵循绝对定位方式，即完全脱离文档流，当定位在浏览器窗口以外时不会显示滚动条。它的定位始终位于屏幕的某个位置，不受文档流影响。例如：网页上的广告。 4.inherit：继承值。继承父元素的定位类型。