Algorithm 在浮动div之前定义最小可用高度?

Algorithm 在浮动div之前定义最小可用高度?,algorithm,css-float,two-column-layout,computed-style,Algorithm,Css Float,Two Column Layout,Computed Style,我使用float:left将多个框(div)排列在两列中。div具有不同的高度,从而形成如下布局: AAA BBB AAA BBB AAA AAA CCC CCC CCC CCC 但我想定义一个最小高度(最小可用空间),当一个框必须浮动在左列中时。我希望得到与此类似的结果: AAA BBB AAA BBB AAA AAA CCC CCC CCC CCC 我想那是不可能的。。。但是,也许有一个css技巧 谢谢,Konrad将浮动元素置于具有较大负边距的已清除元素

我使用float:left将多个框(div)排列在两列中。div具有不同的高度,从而形成如下布局:

AAA BBB
AAA BBB
AAA 
AAA CCC
    CCC
    CCC
    CCC
但我想定义一个最小高度(最小可用空间),当一个框必须浮动在左列中时。我希望得到与此类似的结果:

AAA BBB
AAA BBB
AAA 
AAA 

CCC
CCC
CCC
CCC
我想那是不可能的。。。但是,也许有一个css技巧


谢谢,Konrad将浮动元素置于具有较大负边距的已清除元素上方,以控制浮动对齐。浏览器应增加已清除图元的上边距,以便清除浮动。因此,浏览器会重新计算巨大的顶部负边距,以便元素只清除浮动:


列出按顺序列划分的项目
#专栏作家{
保证金:自动;
宽度:80%;;
字体:75%/1.5 arial;
}
#专栏列表h1{
浮动:左;
宽度:100%;
字体大小:167%;
}
#专栏作家{
保证金:0;
填充:0;
}
#专栏作家李{
列表样式:无;
宽度:33%;
}
#columnlist.col1{
颜色:#c00;
}
#col2{
左缘:33.5%;
颜色:#990;
}
#col3{
左缘:67%;
颜色:#090;
}
#columnlist.col1+.col2,#columnlist.col2+.col3{
清除:左;
边缘顶部:-9999px;
}    
CSS2-按顺序列划分的列表项
    第一栏第1项 第一栏第2项 第一栏第3项 第一栏第4项 第一栏第5项 第一栏第6项 第一栏第7项
  • 第一栏第8项
  • 第一栏第9项
  • 第一栏第10项
  • 第一栏第11项
  • 第一栏第12项
  • 第一栏第13项 第一栏第14项
  • 第一栏第15项
  • 第一栏第16项
  • 第一栏第17项
  • 第一栏第18项 第二栏第19项 第二栏第20项 第二栏第21项 第二栏第22项 第二栏第23项 第二栏第24项 第二栏第25项 第二栏第26项 第二栏第27项 第二栏第28项 第二栏第29项 第二栏第30项 第三栏第31项 第三栏第32项 第三栏第33项 第三栏第34项 第三栏第35项 第三栏第36项 第三栏第37项 第三栏第38项 第三栏第39项 第三栏第40项 第三栏第41项 第三栏第42项 第三栏第43项 第三栏第44项 第三栏第45项

在具有较大负裕度的清除元素上方使用浮动元素来控制浮动对齐。浏览器应增加已清除图元的上边距,以便清除浮动。因此,浏览器会重新计算巨大的顶部负边距,以便元素只清除浮动:


列出按顺序列划分的项目
#专栏作家{
保证金:自动;
宽度:80%;;
字体:75%/1.5 arial;
}
#专栏列表h1{
浮动:左;
宽度:100%;
字体大小:167%;
}
#专栏作家{
保证金:0;
填充:0;
}
#专栏作家李{
列表样式:无;
宽度:33%;
}
#columnlist.col1{
颜色:#c00;
}
#col2{
左缘:33.5%;
颜色:#990;
}
#col3{
左缘:67%;
颜色:#090;
}
#columnlist.col1+.col2,#columnlist.col2+.col3{
清除:左;
边缘顶部:-9999px;
}    
CSS2-按顺序列划分的列表项
    第一栏第1项 第一栏第2项 第一栏第3项 第一栏第4项 第一栏第5项 第一栏第6项 第一栏第7项
  • 第一栏第8项
  • 第一栏第9项
  • 第一栏第10项
  • 第一栏第11项
  • 第一栏第12项
  • 第一栏第13项 第一栏第14项
  • 第一列,I