文章目录
[+]
本篇文章将深入解释以下主题：
打消属性的事情事理
水平和垂直打消
（图片来自网络侵删）
打消元素的用途
打消属性的常见方法
水平打消
水平打消是指打消与元素相邻的任何水平浮动元素。这将导致这些元素垂直排列。
垂直打消
垂直打消是指打消与元素相邻的任何垂直浮动元素。这将导致这些元素水平排列。
利用 clear 属性
要利用 clear 属性打消浮动元素，可以利用以下属性：
clear：both：打消所有水平和垂直方向上的浮动元素。
clear：left：打消所有水平上的浮动元素。
clear：right：打消所有水平上的浮动元素。
示例
html
<div>
<div style="float: left">
左边元素
</div>
<div style="float: right">
右边元素
</div>
<div style="clear: both"></div>
</div>
结论
clear 属性是页面布局中用于打消浮动元素的强大工具。通过精确利用 clear 属性，可以确保元素彼此之间垂直排列，从而避免稠浊。
干系话题：
Float 使其轻松；
将元素堆叠 Together 在布局中；
Grid layout：高等布局工具。
把稳：除了利用 clear 属性来打消元素之外，还存在其他方法可以不依赖于它来布局页面。履历丰富的设计师会根据内容选择最适宜的 tactics 阅读有关 Flexbox 与 grid layout 的文章以理解更多有关布局的非 clear 方法。
