div的彈性高度？

Question

我有一個容器div需要靈活的高度，因爲當用戶點擊按鈕時div內的內容可以改變。

<div id="container"> 
     <div id="divBuyNow"> 
      <button id="btnBuyNow"> 
       Buy Now</button> 
     </div> 
</div> 

$("#btnBuyNow").click(function() { 

       $("#divBuyNow").animate({ 
        opacity: 0, 
        marginRight: '200px' 
       }, 1000, function() { 
        $("#divBuyNow").hide(); 
       }); 


       $("#platformsContainer").animate({ 
        opacity: 1, 
        marginRight: '170px' 
       }, 2000); 
      }); 

Answer 1

我的理解是你想動畫platformContainer根據內容的高度。如果是，則將overflow:hidden設置爲容器，並使用opacity:0將內容修改爲容器內的innerDiv。當您想要顯示時，獲取innerDiv的高度並將容器div的動畫設置爲高度+邊距和其他偏移量。

Answer 2

如果你不搞亂在風格的東西，你不設置高度爲DIV，這將是靈活的;-)（從代碼，我看到上面看來你的按鈕是那裏所有的時間和你只隱藏它...）

Answer 3

默認情況下，div標籤在高度和寬度上會很靈活（它會根據放在裏面的內容進行調整）。只要你不明確地設置高度和寬度的CSS屬性，你應該沒問題。
只需要注意：如果嵌套的div只是確保您不設置內部div的高度和寬度屬性。如果你這樣做，外部div變得不靈活，即它將具有子div的尺寸。