[聚合文章] CSS定位属性详解

最近学习CSS相关知识，定位是其中的一个难点。不了解其中细节，有时候在使用的时候会弄得一团糟。本篇文章整理下关于定位属性的具体理解与应用。

一、简介

1.文档流

在介绍postion之前，有必要先了解下文档流。

简单说就是元素按照其在 HTML 中的位置顺序决定排布的过程。HTML的布局机制就是用文档流模型的，即块元素（block）独占一行，内联元素（inline），不独占一行。

一般使用margin是用来隔开元素与元素的间距；padding是用来隔开元素与内容的间隔。margin用于布局分开元素使元素与元素互不相干；padding用于元素与内容之间的间隔，让内容（文字）与（包裹）元素之间有一段“距离”。

只要不是float和绝对定位方式布局的，都在文档流里面。

表现如下：

    <div >div1</div>    <div >div2</div>    这是一张图片    <img src="test.png">
                
注：本文内容来自互联网，旨在为开发者提供分享、交流的平台。如有涉及文章版权等事宜，请你联系站长进行处理。