2012-07-05 70 views
-1

我想定位一個評論容器相對於郵政容器。但帖子文本可以是不同的大小,所以我做了自動調整高度。因爲它可以包含任意數量的註釋,所以它們與註釋容器相同。但如此時的評論數量的增加,註釋容器的高度也增加了,如果我作爲concord頂部的一個div到另一個div的底部都有高度:auto;在css

#wallwrap .comment_container_out 
     { 
    position:absolute; 
    width:150px; 
    bottom:-15px; 
    left:80px; 
      } 

它concides註釋容器的底部後容器底部的評論集裝箱位置,但它擴展到向上的方向,而我希望它向下擴展。
員額容器

#wallwrap .text_post 

    { 
    position:relative; 
    left:20px; 
    font-size:10px; 
    font-family:Helvetica,Arial, sans-serif; 
    color:#000; 
    background-color:#fff; 
    padding:5px 10px; 
    width:220px; 
    } 

回答

2

你的問題的關鍵是,你正在使用的位置是:絕對的,它會從正常的HTML「流」刪除元素。當您將其設置爲「bottom:0」時,它會始終將其自身固定到容器的底部,但會垂直向上生長。

你爲什麼試圖絕對定位它?職位:絕對應該永遠是最後的手段。如果您只是想將帖子區域與評論區分開來,我只需在帖子區域添加一個頁邊空白處。

+0

因爲我想定位評論容器相對於郵政集裝箱。再次,使用邊界底部選項將再次執行相同的問題。註釋容器將垂直增長。我不能使用邊距的選擇,因爲我不知道該職位的大小..它可以隨時改變 – user1223654 2012-07-05 18:15:44

+0

我想我真的很困惑 - 要批註區域以什麼樣的方式相對於後* *出現?它上面?在它下面?往左邊?根據您的CSS,看起來您希望評論顯示在帖子下方。如果你有一個你想要達到的目標,那會有很大的幫助。 上崗正常模式和評論是評論表單下面會出現崗位。如果帖子在標記中的評論之前,並且正常的HTML流程適用,則將是這種情況。幫助兄弟的 – chipcullen 2012-07-05 19:01:14

+0

.. thankx :) – user1223654 2012-07-14 17:10:19

相關問題