“此属性指示元素框的哪些边可能不与较早的浮动框相邻.'clear'属性不考虑元素本身或其他块格式化上下文中的浮动。”
正如我们所知，属性float可以创建一个新的块格式化上下文，这意味着除了浮动元素的子元素之外，没有任何元素与浮动元素在同一块格式化上下文中。是的，对吧？
答案 0 :(得分：1)
如果我可以参考与此相关的其他问题（对于图像！）： How does the CSS Block Formatting Context work?
在前2个图像中，所有元素，左列，右列，h3，p和2个浮动框都在同一个块格式化上下文中，根元素负责将它们全部定位，以便在调用间隙时计算所有浮点数。
在第3个图像中，“主要内容”或中间列被制成新的块格式化上下文..因此，只有左，中，右列现在位于“根”块格式化上下文中。虽然中间列的实际内容h3，p和两个紫色浮动框现在处于不同的框中，但它们都在同一个新框中。
就像你画了一个围绕中间栏的边界并隔离它，所以它内的浮动现在可以忽略它外面的浮动（如果被清除），并且它内部的元素可以占用100％的宽度而不计算被使用的空间侧栏浮动
并且它与块和内联元素不同.. context 是所有元素出现的矩形，上下文中的元素是正常的块或内联，{{3} }（和内联和匿名..）在可视化格式模型（非上下文）
下描述