脱离文档流

前提
  1. 块级元素
    包括:div p h1... center address table ol ul li ...
  2. 行内元素
    包括:img input select a label br ...

块级元素可以这么理解:就是独占一行,如果这一个元素这一行没有占满,下一个元素也要重新另起一行。
特点:

  1. 宽度,行高,内边距,外边距都可以控制。
  2. 宽度缺省是他容器的100%,除非设定一个宽度。

而行内元素不一样,行内元素可以在另外一个行内元素同一行的后面。
特点:

  1. 宽度,行高,内边距,外边距都不可以控制.
  2. 宽度就是文本或者图片的宽度。

脱离文档流就是块级元素可以在同一行了。怎么让块级元素在同一行脱离文档流呢???
那就是float和position:absolute,position:fixed;
话说我昨天面试就有这道题呢。

详情请见:http://blog.csdn.net/tongxinmiao/article/details/52486274

你可能感兴趣的:(脱离文档流)