好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

寒假前端学习(8)--理解CSS浮动与清除浮动_html/css_WEB-ITnose

CSS的浮动,算是我在写网页时用的最多的属性之一。但要说我对浮动的了解程度的话,只能说“知其然而不知其所以然”。虽然很多人都说浮动会用就行,但是要想成为一个优秀的前端,对这些常用属性得知根知底。

恰巧在慕课网,张鑫旭老师开了《CSS深入理解之float浮动》这门课。链接在文末,有兴趣的可以听听,老师讲课风格很风趣……

Float的历史

Float设计的初衷,是为了实现文字环绕效果。就像下图展示的一样(图片源于w3school):

嗯,就这么简单。

Float引起的父元素高度塌陷BUG?

在这儿,我们用一个例子来说明子元素设置浮动,从而引起父元素高度塌陷的问题。

首先写一个div,里面插入一张图片。

查看更多关于寒假前端学习(8)--理解CSS浮动与清除浮动_html/css_WEB-ITnose的详细内容...

  阅读:32次