css - 等高 div(两列)

Question

我尝试为此使用 JQuery，但有点迷路...所以我现在尝试使用 CSS 来完成

http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks

我基本上想这样做，但有两列，所以有两个 div 在页面中很好地居中且高度相同，我对 css 很陌生，如果这是一个重复/明显的问题，我很抱歉。

感谢任何帮助谢谢!

Answer 1

如果您尝试修改链接中的代码，您需要做的就是修改 css:

     #container1 {
       float:left;
       width:100%;
     }

     #col1 {
       float:left;
       width:50%;
       background:red;
     }

     #col2 {
       float:left;
       width:50%;
       background:yellow;
     }   

我会将您的背景颜色声明为十六进制值并在容器本身中，除非您当然希望您的列有两种不同颜色的背景。