CSS的核心：浮动、盒子模型、定位
DIV作为块级元素，每个DIV占据一行。
块元素特点：1.默认显示在父标签的左上角；2.会计元素默认占满一行（占满整个文档流）
常见的块级元素：p、h1-h6、ul li、ol li、div、table、hr等
相对应的是行内元素（内联元素）：a、span、img、input等
行内元素特点：1.大小受到文字区域影响，不受height、width影响；2.不会单独占据一行。
span标签的应用：不会单独占满一行，不会受到其他块级元素的影响
行内元素变为块级元素：display:block；
块级元素编程行内元素： display：inline；
display：inline-block；受到高宽影响，不会单独占满一行。（块级元素、行内元素均有效）
为了使两个DIV排列在一行，需要通过浮动来设置。
原文：http://www.cnblogs.com/hjzou/p/4841960.html