Html “高”在“浮箱必须尽可能高”中是什么意思?

Html “高”在“浮箱必须尽可能高”中是什么意思?,html,css,Html,Css,我的问题与下面的有点不同 . 我的问题是关于高度的概念比这更具体。 这里有规则 第8点浮动框必须尽可能高。 第9点指出,左浮动框必须尽可能地放在左边,右浮动框必须尽可能地放在右边,最好放在更高的位置,而不是放在离左/右更远的位置。 下面是我的例子 身体{ 边际:0px; } 分区箱{ 宽度:640px; 高度:800px; } 第1区{ 宽度:500px; 高度:100px; 背景色:红色; 浮动:左; } 第2分区{ 宽度:140px; 高度:140像素; 背景颜色:蓝色; 浮动:左;

我的问题与下面的有点不同 . 我的问题是关于高度的概念比这更具体。
这里有规则

第8点浮动框必须尽可能高。
第9点指出,左浮动框必须尽可能地放在左边,右浮动框必须尽可能地放在右边,最好放在更高的位置,而不是放在离左/右更远的位置。 下面是我的例子


身体{
边际:0px;
}
分区箱{
宽度:640px;
高度:800px;
}
第1区{
宽度:500px;
高度:100px;
背景色:红色;
浮动:左;
}
第2分区{
宽度:140px;
高度:140像素;
背景颜色:蓝色;
浮动:左;
} 
第3分区{
宽度:140px;
高度:200px;
背景颜色:黄色;
浮动:对;
}
第4分区{
宽度:250px;
高度:300px;
背景颜色:绿色;
浮动:左;
利润上限:-40px;
}
第5分区{
宽度:250px;
高度:200px;
浮动:左;
背景颜色:紫色;
利润上限:-40px;
}
第6分区{
宽度:100px;
高度:120px;
浮动:对;
背景色:红色;
}

框1
框2
框3
方框4
方框5
方框6

你自己回答的:

浮箱必须放置在尽可能高的位置

更高的位置优先于距离目标更远的位置 左/右

这正是正在发生的事情。该算法首先尝试找到可以容纳div的最高自由区域,然后将div放在最右边的位置(在
float:right
的情况下)。因此,
box6
在右侧的位置稍低一些,因此可以更高一些

如果不是您想要的,一种解决方案是使用一个不可见的“垫片”来填充
box5
下面的孔

正文{
边际:0px;
}
分区箱{
宽度:640px;
高度:800px;
}
第1区{
宽度:500px;
高度:100px;
背景色:红色;
浮动:左;
}
第2分区{
宽度:140px;
高度:140像素;
背景颜色:蓝色;
浮动:左;
} 
第3分区{
宽度:140px;
高度:200px;
背景颜色:黄色;
浮动:对;
}
第4分区{
宽度:250px;
高度:300px;
背景颜色:绿色;
浮动:左;
利润上限:-40px;
}
第5分区{
宽度:250px;
高度:200px;
浮动:左;
背景颜色:紫色;
利润上限:-40px;
}
第6部分隔套{
宽度:250px;
浮动:左;
框大小:边框框;
边框宽度:5px;
边框样式:实心;
边框颜色:浅灰色;
颜色:浅灰色;
高度:40px;
}
第6分区{
宽度:100px;
高度:120px;
浮动:对;
背景色:红色;
}

框1
框2
框3
方框4
方框5
间隔棒
方框6

我对
浮箱必须放得尽可能高有错误的理解
。这并不意味着你必须给它提供药物-D.这里的高度是指从身体底部到箱子底部已经漂浮,表明木头漂浮在水面上,浮力使木头漂浮尽可能高。在我的例子中,box5是最高的,box4是最低的。我不确定我是否理解你的意思。也许一个简单的说法是“盒子越高,他最上面的一面离页面顶部越近”。这和我的一样。我以前问过这个问题,得到了很好的回答。