最佳垂直限制:浮动框必须被置于此包含块内尽量高的地方。
Optimum vertical constraint. A float box must be placed as high as possible within its containing block.
这对第一个段落或在第一个段落内定义的浮动框没有任何影响。
This has no effect on the first paragraph or the float box defined within the first paragraph.
最佳水平限制:浮动框必须被置于此包含块内向左尽量远的地方。
Optimum horizontal constraint. A left float box must be put as far to the left as possible within its containing block.
解决这个问题的关紧就是要“分隔”绝对定位框和浮动框。
To fix the problem the extra box must "separate" the AP from the float.
位置优先原则:在判断浮动框位置时,最佳垂直限制优于最佳水平限制。
Position precedence rule. When resolving the float box position, the optimum vertical constraint takes precedence over the optimum horizontal constraint.
最后,浮动框的深度嵌套常常会导致在浏览器中产生某些不可预知的行为。
Finally, deep nesting of float boxes may cause unpredictable behavior in some browsers.
both-将所生成框移动到由之前的源文档所生成的所有浮动框之下。
Both - Move the generated box below all floating boxes generated from previous source elements.
clear属性表明了一个元素的框的哪一侧或哪些侧不必与之前的浮动框相邻。
The clear property indicates which side or sides of an element's box may not be adjacent to an earlier float box.
包含块的垂直限制:左浮动框的上marginedge不能高于包含块的上padding edge。
Containing block vertical constraint. A left float box's top margin edge may not be higher than the containing block's top padding edge.
浮动的框不在流内,它会尽量去靠左(右),直到外边缘碰到包含框的边缘或是另一个浮动框的边缘。
A floated box is shifted to the left or right until its outer edge touches the containing block edge or the outer edge of another float.
包含块的水平限制:左浮动框的marginedge不能在包含块的左padding edge框的左边。
Containing block horizontal constraint. A left float box's left margin edge may not be to the left of the containing block's left padding edge.
left-增加所生成框的上边框,以便上borderedge处于由之前的源元素所生成的任一左浮动框的底margin edge之下。
Left - Increase the generated box's top margin so that the top border edge is below the bottom margin edge of any left float boxes generated from previous source elements.
之前元素的垂直限制:左浮动框的上marginedge不能高于任何块或在由源文档中前一元素生成的被浮动框的上margin edge。
Previous element vertical constraint. A left float box's top margin edge may not be higher than the top margin edge of any block or floated box generated by an earlier element in the source document.
right-增加所生成框的上边框,以便上borderedge处于由之前的源元素所生成的任一右浮动框的底margin edge之下。
Right - Increase the generated box's top margin so that the top border edge is below the bottom margin edge of any right float boxes generated from previous source elements.
对立水平边框限制:如果一个左浮动框的左边还有另一个左浮动框,那么这个左浮动框的右marginedge不能在此包含块的右 padding edge 之右。
Opposite horizontal margin constraint. A left float box that has another left float box to its left may not have its right margin edge to the right of the containing block's right padding edge.
line - box垂直限制:左浮动框的上marginedge不能高于任何包含由源文档中前一元素生成的框的line - box的上padding edge。
Line-box vertical constraint. A left float box's top margin edge may not be higher than the top padding edge of any line-box containing a box generated by an earlier element in the source document.
之后会出现带url文本框的浮动导航栏界面以及从标签上垂下的刷新按钮。
This will cause a floating navigation bar interface with a URL textbox and refresh button to drop down from the TAB.
第一个示例简单且兼容:浮动广告框。
The first example is simple and compatible: a floating AD box.
left-该元素生成一个浮动到左侧的块状框。
Left - the element generates a block box that is floated to the left.
none-该框不浮动。
浮动属性指定了某个框应该向左侧还是向右侧浮动。
The float property specifies whether a box should float to the left or to the right.
none-不对框的位置应用任何与之前的被浮动元素相关的限制。
None - Apply no constraint on the box's position with respect to previous floated elements.
图1展示了一个带有Close按钮的对话框,浮动于页面之上。
Figure 1 shows an AD box with a close button, sitting on top of a page.
一个菜单显示为一个浮动菜单项列表(类似于一个对话框),在用户执行一个长点击(按下并保持住)在一个视图,宣布支持一个上下文菜单。
A menu appears as a floating list of menu items (similar to a dialog) when the user performs a long-click (press and hold) on a view that declares support for a context menu.
一个菜单显示为一个浮动菜单项列表(类似于一个对话框),在用户执行一个长点击(按下并保持住)在一个视图,宣布支持一个上下文菜单。
A menu appears as a floating list of menu items (similar to a dialog) when the user performs a long-click (press and hold) on a view that declares support for a context menu.
应用推荐