标准文档流（标准流） ：一般的定位规则

标准流包含两种元素

(1).块级元素（block）（一个矩形区域，并且和相邻的元素依次竖直排列，不排在同一行中）

例:<div>  <p>  <ul>   <li>

(2).行内元素(inline)(对于文字这类元素，各个字母之间横向排列，到最右端自动拆行，这就是行内元素)

 

例:<span> <a>  <br>  <b>  <img>

 


 

 

盒子在标准流中的定位原则

 

(1).

 

行内元素之间的水平margin
左侧元素的margin-right+右侧的margin-left

 

(2).块级元素之间的竖直margin

 

(3).嵌套盒子之间的margin

(4)将margin设成负数会怎样

盒子的定位（position）

 

(1)

 

static（静态定位，这种定位方式可以不写，是系统默认的定位方式。）
1.使用相对定位的盒子，会相对于它原来的位置，偏移制定的位置。

 

(2)relative（相对定位，相对原有位置的定位方式。）
2.使用相对定位的盒子，仍然在标准流中，它的偏移对父亲、兄弟盒子都没有影响

 

(3)absolute（绝对定位，盒子的位置以它所在的已定位的盒子为基准进行偏移。）
3.相对于使用绝对定位，使用绝对div会彻底，其它盒子会认为不存在。

 

(4)fixed（固定定位，用对于浏览器窗口的定位方式）

（5）display控制盒子是否隐藏，转变盒子的类型