CSS核心内容--流

流:在现实生活中就是流水，在网页设计中就是指元素(标签)的排列方式。

标准流:元素在网页中就像流水，排在前面的元素(标签)内容，在前面出现，排在后面的元素(标签)内容，在后面出现。

          这是默认的布局方式。

<div style="border:1px solid red;height:20px;">div1</div>
<span>hello</span>
<div style="border:1px solid blue; height:20px;">div2</div>
<span>world</span>
<div style="border:1px solid grey;height:20px; ">div3</div>

 按先后顺序显示:

 

非标准流:在实际的网页布局中，我们不希望某个元素按其原来方式显示,就要使用非标准流的布局方式，就是让某个元素

              脱离它本身的位置。