带有边框的等高线列

我试图创建一个列布局，其中所有列的高度都是相等的，所以边界向下延伸到相同的长度。我尝试了一些解决方案，包括建议在http://css-tricks.com/fluid-width-equal-height-columns/的One True Layout Solution，但是导致边界完全消失。我也尝试使用display：table作为包装器，但IE7不支持这一点。带有边框的等高线列

这里是我的代码，所以你可以看到我指的是：

http://jsfiddle.net/kh9nS/1/

感谢。

来源

2012-07-25 jg314

也许你应该尝试这一个否（41或42）它看起来非常相似。希望它对你有用..祝你好运.. – Scorpio 2012-07-25 18:20:13

列高度会不断调整还是会静态？ – ohiock 2012-07-25 18:22:04

我只是简单地看了一下CSS＆我认为所有div的高度都是动态的，它们并没有声明恒定的高度。 – Scorpio 2012-07-25 18:29:29

我尝试CSS表和实际表在你的CSS技巧链接，它的工作原理。

来源

2012-07-25 18:51:34

该方法可行，但不幸的是它在IE7中不受支持。如果我们能找到一种方法让它在IE7中工作，那么这将是一个很好的解决方案。 – jg314 2012-07-25 19:04:51

这是Jquery解决方案，试试吧。 http://demo.smartnetzone.com/same-height-columns-using-jquery/ – 2012-07-25 19:18:15

jQuery示例仅适用于一次在页面上有一组列的情况。用户将能够添加多组列。另外，我很乐意避免使用Javascript来实现这样的功能。不过谢谢。该剧本简短而甜美。 – jg314 2012-07-25 19:39:17

带有边框的等高线列

回答

相关问题