今日收获 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.

发布了25 篇原创文章 · 获赞 7 · 访问量 2419
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章