Div高度不擴展到所有元素

我有一個div，我用作一個簡單的模式彈出。這個div的高度被設置爲auto，但是當我查看它時，它不會一直向下擴展以覆蓋它內部的所有元素。任何關於如何讓div高度覆蓋所有元素的想法？Div高度不擴展到所有元素

任何幫助將不勝感激。

感謝，

下面是HTML

<div id="basic-modal-content"> 
     <h3 id="eventtitle"></h3> 
     <p>Below you will find information on the clicked event including a brief description, start date, and the end date, location, and a link, if provided.</p> 
     <br /> 
     <code><span style="color:#A17E13"><b>Description</b></span> - <span style="color:#006400" id="eventdescription"></span></code> 
     <code><span style="color:#A17E13"><b>Start</b></span> - <span style="color:#006400" id="eventstart"></span></code> 
     <code><span style="color:#A17E13"><b>End</b></span> - <span style="color:#006400" id="eventend"></span></code> 
     <code><span style="color:#A17E13"><b>Location</b></span> - <span style="color:#006400" id="eventlocation"></span></code> 
     <code><span style="color:#A17E13"><b>Link</b></span> - <span style="color:#006400" id="eventurl"></span></code> 

     <input type="button" id="deletecalendarentry" style="display:none" value="DELETE" /> 
</div>

這裏是CSS

#simplemodal-container {height:auto; width:auto; color:#006400; background-image:url(../Images/back.png); border:4px solid beige; padding:12px;}

來源

2013-04-17 user541597

嘗試這jsFiddle。

我已將您的CSS ID名稱從#simplemodal-container更改爲#basic-modal-content。

它正在爲我工作，所以讓我知道你是否有任何問題。

來源

2013-04-17 18:37:22 Mee

您可以給一些最小高度到div作爲

#div{min-height:50px;}

來源

2013-04-17 18:36:42

Div高度不擴展到所有元素

回答

相關問題