对于html中clear的思考

原创 fennel 随笔 html 199阅读 2017-11-23 16:16:14 举报

传统div布局方式的实际想法呈现:
背景蓝色
上黑 左红右绿 下黄
同人体构造
html 代码

在未用clear之前,下部黄色无法出现,因为左右浮动,脱离文档流,下部黄色追随头部黑色去了,但其div内容上不去。[color=#ff0000][/color]
html 代码

运用clear后,成功实现。
将clear理解为float浮动对使用clear的div没有影响,外加固定保护。
引用网外一说得很好的教程:
clear:left; 禁止左侧出现浮动元素,如果左侧存在浮动元素,则当前元素在浮动元素下面另起一行呈现。
clear:right; 禁止右侧出现浮动元素,如果右侧存在浮动元素,则右侧的浮动元素在当前元素下面另起一行呈现。
clear:both; 禁止左右两侧出现浮动元素,当前元素将排斥浮动元素独占一行呈现。

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复