清理元素
视频锁定
{$ currentTime | date:'mm:ss' $}
{$ timeLeft | date:'mm:ss' $}
不幸的是,我们有时需要将大量的浮动元素与非浮动元素(属性是non-floating)混合在一起,这时候他们看起来彼此是叠落在一起乱糟糟的。
看到你的class
为footer的那个div了吗?(就是那个蓝色)是不是紧紧贴着上面的hearder,并且跟中间那两个div叠在一起了呢?因为我们还没有告诉你一个非常重要的属性:clear
!
- 如果你将
clear:left
属性加入某个div中,这个div会被浮在它上面的浮动属性为left的div挤到下面。 - 当然你也可以用
clear:right
,同理,这个div会被浮在它上面的浮动属性为right的div挤到下面。 - 最后,你也可以用
clear:both
,依然同理,只不过浮动属性为left和right的div同时来挤这个div到下面去
你所使用的语法:
element {
clear: /*right, left, or both*/
}
ok,现在
让我们设置id
为footer
的元素,被给它赋予clear属性吧。
在线练习
{$ activeFileHint $}