上例展示了行盒在一个浮动中是怎么被削短的。
Shows how line boxes are shortened in the PageRankesence of a float.
这样的效果是,一个被清理的盒没法与前置浮动保持在同一个级别位置上。
So in effect, such a cleared box cannot be at the same horizontal level as a PageRankeceding float.
这是将被清除盒的顶部边距扩展,将其向下推直到清理浮动的底部。
What this does is extend the margin on the top of the cleared box, pushing it down until it "clears" the bottom of the float.
展示一个盒如何清理下方的一个浮动。
当除此以外,浮动与绝对元素相似,原先的块盒会完全忽略浮动和AP元素。
But other than that, floats are similar to absolute elements, in that ordinary block boxes totally ignore both floats and AP elements.
这些值简单地将浮动移到到容器盒的指定边界。
These values simply move the float to the indicated side of the containing box.
展示了浮动是如何覆盖多个块盒的。
这些盒只是忽略浮动,并且在前一个静态盒的后面排列显示。
Those boxes just ignore the float, and display up against the previous static boxes.
假如该浮动被设置的非常高,它可以挡住大量堆叠的块盒上,就像第二个截图看到的那样。
If the float is made very tall, it can drape over a large stack of block boxes, as shown in the second screen shot image.
事实上,IE盒Opera7已经电子封装嵌套的浮动,与标准不相同。
In fact, both Explorer and Opera 7 already do "auto-enclose" nested floats, in violation of the specs.
如果浮动被嵌套在第二个块盒中,并且该容器盒没有边框盒填充,浮动呈现样式,与浮动被放置在块盒之间是相同的。
If the float is nested inside the second block box, and that container box has no borders or padding, it appears just the same as when the float is between the block boxes.
回顾一下跟随浮动后面的静态盒。
Think back to what was said about static boxes following floats.
请注意确认,浮动的屏幕开始点是由它所嵌套的位置决定的,之后它只是在容器盒上展开,就像绝对元素一项。
Sure, the float's screen starting point is determined by its nested location, but after that it just drapes over the containing box, as do absolute elements.
标准要求在一个浮动后面的行盒被进行足够的削短以保持行盒在外部 开放区。
The specs require that line boxes that would pass behind a float be shortened enough to keep the line box out in the open.
这样的效果是,一个被清理的盒无法与前置浮动保持在同一个水平位置上。
So in effect, such a cleared box cannot be at the same horizontal level as a preceding float.
浮动“从流程中被移除出来”,但是与绝对位置的元素(层次)不同,浮动是在他们前面的最后一个块元素之后直接被显示出来(就像块盒一样)。
Floats are "removed from the flow," but unlike absolutely positioned elements (layers), floats do get displayed directly after the last block element that precedes them (just like block boxes do).
浮动“从流程中被移除出来”,但是与绝对位置的元素(层次)不同,浮动是在他们前面的最后一个块元素之后直接被显示出来(就像块盒一样)。
Floats are "removed from the flow," but unlike absolutely positioned elements (layers), floats do get displayed directly after the last block element that precedes them (just like block boxes do).
应用推荐