今日收获 18/3/30

1. DIV中如果只有行内元素，那么DIV是不会被撑起来的

2.在图片上加字，看到的常用的方法是“绝对与相对定位”，也可添加背景图。<figure>用着有些奇怪，之后研究。

3.制作等高型分栏：a.表格（俺不想用） b.伪造分栏（使用背景平铺，可以随着内容增多而平铺，也可用线性渐变也适合百分比）。还有很多方法能让分栏看起来是等高的：点击打开链接

4.一个惊人发现：我在一个DIV中嵌套多个DIV本以为外层DIV会被内层DIV撑高，可是完全没有？？？为什么？

发现一个解决：点击打开链接。还得要研究float的用法。这位深入讲解了这个属性：点击打开链接 以及 点击打开链接（待看） 所以我在一个DIV中放置了两个float的div之后，外层div没有被撑开是因为其中的东西实质上是没有高度的？

因为你可能这一块做过浮动，但未做清除，那么造成高度塌陷的问题。就是上面图示的那种情况。

清除浮动，最常用的方法有两种:

• overflow: 将父元素的overflow，设置成hidden。
• after伪类：对子元素的after伪类进行设置。

5.