+````
+2.行内元素和块级元素的区别：（非常重要）
+
+* 行内元素：
+
+ 与其他行内元素并排；
+ 不能设置宽、高。默认的宽度，就是文字的宽度。
+* 块级元素：
+
+ 霸占一行，不能与其他任何元素并列；
+ 能接受宽、高。如果不设置宽度，那么宽度将默认变为父亲的100%。
+
+3.行内元素和块级元素的分类：
+
+在以前的HTML知识中，我们已经将标签分过类，当时分为了：文本级、容器级。
+
+4.从HTML的角度来讲，标签分为：
+
+* 文本级标签：p、span、a、b、i、u、em。
+* 容器级标签：div、h系列、li、dt、dd。
+
+5.从CSS的角度讲，CSS的分类和上面的很像，就p不一样：
+
+* 行内元素：除了p之外，所有的文本级标签，都是行内元素。p是个文本级，但是是个块级元素。
+
+* 块级元素：所有的容器级标签都是块级元素，还有p标签。
+
+### 块级元素可以转换为行内元素:display: inline;
+
+6.这个标签将立即变为行内元素，此时它和一个span无异。inline就是“行内”。也就是说：
+
+* 此时这个div不能设置宽度、高度；
+* 此时这个div可以和别人并排了。
+
+### 行内元素转换为块级元素：display: block;
+
+7.这个标签将立即变为块级元素，此时它和一个div无异。block”是“块”的意思。也就是说：
+
+* 此时这个span能够设置宽度、高度
+* 此时这个span必须霸占一行了，别人无法和他并排
+* 如果不设置宽度，将撑满父亲
+
+## 浮动的性质
+### 性质1：浮动的元素脱标
+一旦一个元素浮动了，那么，将能够并排了，并且能够设置宽高了。无论它原来是个div还是个span。**所有标签，浮动之后，已经不区分行内、块级了。
+### 性质2：浮动的元素互相贴靠
+给三个div均设置了float: left;属性之后，然后设置宽高
+### 性质3：浮动的元素有“字围”效果
+让div浮动，p不浮动
+
+div挡住了p，但不会挡住p中的文字，形成“字围”效果。
+### 性质4：收缩
+收缩：一个浮动的元素，如果没有设置width，那么将自动收缩为内容的宽度（这点非常像行内元素）
+
+div本身是块级元素，如果不设置width，它会单独霸占整行；但是，设置div浮动后，它会收缩
+
+### 总结:
+如果一个元素要浮动，那么它的祖先元素一定要有高度。
+
+有高度的盒子，才能关住浮动
+
+只要浮动在一个有高度的盒子中，那么这个浮动就不会影响后面的浮动元素。所以就是清除浮动带来的影响了
+
+### 方法2：clear:both
+clear就是清除，both指的是左浮动、右浮动都要清除。clear:both的意思就是：不允许左侧和右侧有浮动对象。
+
+### 方法3：隔墙法
+可以在这两个div中间用一个新的div隔开，然后给这个新的div设置clear: both;属性；同时，既然这个新的div无法设置margin属性，我们可以给它设置height，以达到margin的效果（曲线救国）
+
+### 内墙法
+与外墙法相比，内墙法的优势（本质区别）在于：内墙法可以给它所在的家撑出宽度（让box1有高）。即：box1的高度可以自适应内容。
+
+而外墙法，虽然一道墙可以把两个div隔开，但是这两个div没有高，也就是说，无法wrap_content。
+
+### 清除浮动方法4：overflow:hidden
+overflow即“溢出”， hidden即“隐藏”。这个属性的意思是“溢出隐藏”。顾名思义：所有溢出边框的内容，都要隐藏掉
+
+# 作业
+```html
+第一题：
+
+ | 通知公告
更多 >>> + +