2011-05-06 131 views
2

我有一個容器的「三欄」股利定位

在右列中我有一個「功能磁磚」,它基本上是一個220px寬佔位符可編輯的內容的三列布局。

我需要的「功能瓷磚」要與「三關口」容器移動,所以如果內容的高度膨脹,我所需要的功能瓦下移它...

可能需要的Jquery - 不確定。

謝謝!

編輯:我希望功能塊始終位於底部。 Move =根據插入多少內容,div的高度將擴大 - 沒有固定的高度

+1

確切位置在哪裏,你想要的「功能瓦」是,總是在頂部?底部? 「與......同行」是什麼意思?這可能需要大量澄清。 – 2011-05-06 04:14:56

+0

對不起,我希望功能貼圖始終位於底部。 Move =根據插入多少內容,div將展開高度 - 沒有固定的高度。 – Filth 2011-05-06 04:19:02

回答

3

試試這個:

.right-column { 
    position:relative; 
} 
.featured-tile { 
    position:absolute; 
    bottom:0; 
} 

這將讓.featured-tile.right-column底部不管是什麼高度是由於變量的內容。

UPDATE:我想我知道你的意思,試試這個。

.three-col { 
    position:relative; 
} 
.featured-tile { 
    position:absolute; 
    bottom:0; 
} 

這將保持在.featured-tile.three-col

演示的底部:http://jsfiddle.net/wesley_murch/4FKhm/4/

+0

我試過了,沒有運氣,我無法使用position:absolute - 請記住,根據內容的不同,高度會隨着您所在的頁面而變化。就好像特徵塊需要識別「三角形」的高度並在底部位置 – Filth 2011-05-06 04:27:56

+0

一些更具體的內容 - 左列和中列都有內容,所以我需要「特徵塊」來定位到任何一個divs的最低點 – Filth 2011-05-06 04:34:00

+0

@Jordy,更新了答案並進行了演示。您可以嘗試將一些內容放入左側欄以查看其行爲。如果這不是你需要的,你可能需要提供你的實際代碼,一個頁面的鏈接,或者在jsfiddle上做一個演示。 – 2011-05-06 04:44:20

1

您是否考慮過2列布局,第二列是另一列中的另一列?

+0

感謝您的帖子,但這隻會改變佈局 - 不是我想要達到的目標。 – Filth 2011-05-06 04:19:51