我有一个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;}