这是我在没有取得适当成功的情况下进行大量研究后第一个关于stackoverflow的问题： - （。
我正在努力完成具有不同内容量的三栏布局，从而使每列内容的高度不同。但是列应该具有相同的高度，以便它们的背景颜色可以达到底部。所以，我找到了这样的例子
How to make rounded corners on equal height columns
当然还有这个
http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks
但他们没有做到这一点，因为他们使用溢出：隐藏并做一个假高度比页面更长。当然，每列的背景颜色都会下降到更低的位置。这很好，但还不够，因为我必须用圆角来塑造内容元素的背景。它应该看起来像下面地址上的图像：
http://www.addorange.de/uploads/3columns_rounded_corners.jpg（对不起，我暂时不允许发布图片： - （）
也许你们中的任何人遇到过类似的挑战，需要通过纯粹的CSS来解决这个问题。
谢谢，
基督教
答案 0 :(得分：0)
两种解决方案：
display: table-cell用于三列