前提
- 块级元素
包括:div p h1... center address table ol ul li ... - 行内元素
包括:img input select a label br ...
块级元素可以这么理解:就是独占一行,如果这一个元素这一行没有占满,下一个元素也要重新另起一行。
特点:
- 宽度,行高,内边距,外边距都可以控制。
- 宽度缺省是他容器的100%,除非设定一个宽度。
而行内元素不一样,行内元素可以在另外一个行内元素同一行的后面。
特点:
- 宽度,行高,内边距,外边距都不可以控制.
- 宽度就是文本或者图片的宽度。
脱离文档流就是块级元素可以在同一行了。怎么让块级元素在同一行脱离文档流呢???
那就是float和position:absolute,position:fixed;
话说我昨天面试就有这道题呢。
详情请见:http://blog.csdn.net/tongxinmiao/article/details/52486274