帶有邊框的等高線列

我試圖創建一個列布局，其中所有列的高度都是相等的，所以邊界向下延伸到相同的長度。我嘗試了一些解決方案，包括建議在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

帶有邊框的等高線列

回答

相關問題