調整大小股利純CSS如果可能的話

我有以下HTML結構：調整大小股利純CSS如果可能的話

<div class="outer"> 
<div class="inner"> 
<a href="#"/> 
<a href="#"/> 
<a href="#"/> 
</div> 
</div>

和CSS：

div.outer{ 
    position:relative; 
    height:177px; 
    width: 495px; 
    margin: 0 10px 0 10px; 
    overflow: hidden; 
} 
div.inner{ 
    position: absolute; 

}

怎麼可能來調整外DIV dinamically？身高最小 - 最大不起作用。謝謝！

來源

2012-05-09 user1209235

動態地調整外部div以響應什麼？ –

您想要使外部div調整大小的事件是哪個事件？有什麼限制？ – Onheiron

我希望它具有最小和最大高度。比方說最小59像素，最大590像素。 – user1209235

對於這個工作，你想要的工作我的思考方式，那麼你就需要使用所有三個聲明：min-height，height和max-height，與height是一個相對的措施，以及min-height和max-height都使用將相對大小限制爲適當的最小值或最大值。例如：

.outer { 
    overflow: auto; 
    margin: 0 auto; 
    width: 50%; 
    border: 2px solid #000; /* The above just for aesthetics, adjust to change */ 
    min-height: 100px; 
    height: 50%; 
    max-height: 1000px; 
}

JS Fiddle demo

在演示中，調整窗口的大小，以使「預覽」窗格膨脹/收縮看到效果。

來源

2012-05-09 11:24:52

非常感謝！ – user1209235

非常歡迎您，很高興爲您服務！ =） –

調整大小股利純CSS如果可能的話

回答

相關問題