通过br、div空标签 清除浮动的方法clear:both

来自Dreamweaver某个模版里的原文,非常巧妙的使用浮动 清除方法。

清除浮动方法

由于所有列都是浮动的,因此,此布局在脚注规则中采用 clear:both 声明。此清除方法强制使 .container 了解列的结束位置,以便显示在 .container 中放置的任何边框或背景颜色。如果您的设计要求您从 .container 中删除脚注,则需要采用其它清除方法。最可靠的方法是在最后一个浮动列之后(但在 .container 结束之前)添加

清除浮动样式表

.clearfloat {clear: both;}

方式一,通过br清除浮动

<br class="clearfloat" />

方式二,通过div空标签清除浮动

<div class="clearfloat"></div>

这具有相同的清除效果。

转载请注明转自:一极乐https://yijile.com/log/115.html


话题相关文章

话题标签

代码HTMLCSS

一极乐 为乐趣而生

《通过br、div空标签 清除浮动的方法clear:both 》  发表时间:  最后更新时间:

谁来过

不知子曰邀请你对本文不足说出你的看法!

添加新评论

captcha




博主推荐专题

佛学资料Typecho模版代码乐知道CSS百度CyanogenMod
搜索引擎提交入口言辞


关闭

标签云

一极乐 衷心接受你的建议

TOP