CSS 2列布局 - 如何最大化列分隔邊界高度？

Question

我有兩列。一個向左漂移，一個向右漂移。有一個清除div跟着他們，然後是一個頁腳。我想要一條垂直線來劃分兩列，但問題在於不能保證哪一列會更高。

如果不使用背景圖像，如何在使用兩個最大高度的兩列之間得到分界線？

Answer 1

您可以嘗試在左浮動div上設置右邊框，並在右浮動div上設置左邊框。然後，您將在右邊的浮動div上設置一個等於邊框寬度的負邊距。使用這種方法，邊界將完美重疊，使其看起來像一條等於最高div的高度。

UPDATE

聽起來像這是造成在IE問題。您也可以嘗試將色譜柱容器上的位置設置爲相對位置，然後將兒童的位置設置爲絕對位置。左列將是頂部：0和左：0。然後，您可以將右列頂部：0和右列（左列的寬度 - 邊框的寬度）。 IE可能能夠處理好一點。

Answer 2

如何製作1px圖像，在兩列的父容器上重複此圖像。

希望這是有道理的。