弹性布局第二弹

一、行内/块级/空元素
(1）行内元素：
、、、
、

(2)块级元素：
、

、

、、
(3)空元素：
、

、、
二、如何设计元素之间的转换
(1）、display:block转为块元素。
独占一行，行宽高、外边距、内边距都可以设置

(2）、display:inline-block：
转为行内块元素，和相邻的行内元素在一行上，
但是中间会有空自的间隙，行宽高、外边
距、内边距都可以设置

(3）、display:inline：
转为行内元素，不占独立成行，仅靠字体大小或图像大小

三、Float常跟属性值left、right、none
float:left靠左浮动

float:right靠右浮动

float:none不使用浮动

没有居中浮动

四、浮动的作用：
1.让盒子从普通流中脱离出来，可以用于让多个盒子一行显示。

2.可以实现盒子的左右对齐。

3.可以用来控制图片实现文字环绕图片的效果。

小记：
div默认的宽度是100%