Html 分区'；s大小动态到文本-清除两者都不起作用

我希望文章的div（白色内容和右侧灰色列）将随着白色文本的高度而扩展

我试图将

clear:both

添加到#bodycont中，但没有效果

---

如何使其灵活？

清楚：两者都有是在使用浮动后添加的：如果您的标题有浮动（我没有检查），则将其放置在
#bodycont
上会很有用。将它放在父级上不会起任何作用（尽管还有其他方法，选择器从该父级开始，即
父级：在{/*奇怪的指令串在IE8及以上的*/}
之后，但这不是父级本身）

一些一般说明：


切勿在列或布局块上使用
高度
属性。

你不知道有多少内容会出现在那里，在另一个类似的页面上，或者在一年内。

你不知道有些访客是很多还是在智能手机上（）。

您可以在不使用
height
属性的情况下使用布局：特定情况下需要
minheight
当图形元素要完全显示时（当存在不应裁剪的已知高度的良好背景时），一般情况下使用不需要元素高度的方法来正确显示

添加
clear:floating columns后面的元素或包含float的元素的同级上的
。在你的例子中，是页脚
浮动元素意味着从（HTML）流中删除其内容。它不再“计算”父母的身高，它实际上并不存在。因此，仅包含浮点数的元素的高度为。。。0所有的东西都从流动中移除，没有高度。这是恼人的，如果你有一个背景在这个家长，因为它将不再显示。。。但是你仍然希望这个背景和最高的漂浮儿童一样高。Thierry Koblentz在这里描述了一个（并非如此）现代的clearfix:（
：before
部分仅用于一致的折叠边距，您只需要
：after
以及父元素，在父元素和下一个元素之间出错，这就是
：after
的位置）
解决方案是添加
显示：表格
并删除高度。因为允许我根据文本显示高度

非常简单
 嗨！我试着在页脚上加上clear:两个，但都没有用。我还尝试了.clearfix:after{content:“.”display:block；height:0；clear:both；visibility:hidden；}但它不起作用
。leftcolumntextimages
有浮动，应该有类似
的clearfix。leftcolumntextimages:after
。但只要不同的列和父列具有固定的高度，就不会显示。此外，当您将列合并到一列中时，该白色列应该沿着灰色右侧列浮动（然后它们的父列也应该有一个clearfix）。因为希伯来语和
dir=“rtl”
，我不知道它应该是
float:right
还是
left
，但我不习惯：）