我已经尝试了一些方法来解决这个问题，但我似乎无法让它发挥作用。
问题在于我有2列作为我网站的主要部分，左右。在某些页面上，左列中有很多文本，因此它很长，问题是右列不会随左列延长。
两列具有相同的背景颜色，并且在列完成后，在两列的宽度上显示页脚。
我的第一个想法是将两列放在一个与它们具有相同背景颜色的div中，因此如果左列的总长度为1500px而右列保持在600px左右（由于其中的元素）然后这将不显示，因为新的外部div将与左列一起伸长。但由于某些原因，这不起作用。可能是因为列是浮动的吗？
有没有人有其他想法？
这是网站（显然尚未完成）：Beansheaf Hotel
我选择了左栏中有大量文字的页面，因此问题很明显。 提前谢谢，
InfinitiFizz
答案 0 :(得分：2)
这个家伙解决了这个问题：http://www.ejeliot.com/blog/61
此外，本文后面的评论提供了一种或两种其他方法，例如使用display：table。
列的浮动特性确实是包含div不扩展的原因，你是对的。因此，请尝试使用此处详述的技术：http://www.positioniseverything.net/easyclearing.html
值得一读这个主题，了解为什么，什么和如何，因为很多人发现需要一直这样做，而不仅仅是柱状布局。
答案 1 :(得分：1)
这是我发现的另一个有用的链接：
答案 2 :(得分：0)
您可以为主div提供css属性display:table;，而不是为内部div提供属性display:table-cell;。否则，您需要使用<table>并将内容放在<td>内。前面的内容为：
