使DIV的高度随内容而扩展？内容来源于 Stack Overflow，并遵循CC BY-SA 3.0许可协议进行翻译与使用
内容来源于 Stack Overflow，并遵循CC BY-SA 3.0许可协议进行翻译与使用
- 回答 (10)
- 关注 (0)
- 查看 (59)
我有这些嵌套的div，我需要主容器来扩展(高度)以容纳div。
<!-- head -->
...
<!-- /head -->
<body class="main">
<div id="container">
<div id="header">
<!--series of divs in here, graphic banner etc. -->
</div>
<div id="main_content"> <!-- this DIV _should_ stretch to accomodate inner divs -->
<div id="items_list" class="items_list ui-sortable">
<div id="item_35" class="item_details">
</div>
<div id="item_36" class="item_details">
</div>
<div id="item_37" class="item_details">
</div>
<!-- this list of DIVs "item_xx" goes on for a while
each one representing a photo with name, caption etcetc -->
</div>
</div>
<br class="clear"/>
<div id="footer">
</div>
</body>
</html>CSS是这样的：
* {
padding: 0;
margin: 0;
}
.main {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #4c5462;
margin: 0;
padding: 0;
text-align: center;
color: #000000;
}
.main #container {
height: auto;
width: 46em;
background: #4c5462;
margin: 0 auto;
border: 0px solid #000000;
text-align: left;
}
.main #main_content {
padding: 5px;
margin: 0px;
}
#items_list {
width: 400px;
float: left;
}
.items_list {
width: 400px;
float: left;
}
.item_details {
margin-top: 3px;
margin-bottom: 3px;
padding: 3px;
float: left;
border-bottom: 0.5px solid blue;
}我的问题是#main_content不会拓展。
我怎么解决这个问题？
腾讯云广州一区DNS变更，需要怎么操作？
推荐
我也收到相关的通知了，这里分享下~
2019年1月31日，腾讯云将对广州地区旧的基础网络DNS服务器（10.225.30.181、10.225.30.223）进行下线。在此期间，腾讯云提供最新的DNS服务器供您更新使用。
我们建议您尽快将DNS服务器配置进行更新，并且我们为您提供...... 展开详请
快照容量与费用的比例？如何关闭停用？
推荐已采纳
快照已于2019年1月22日0时启动正式商业化进程，商业化后所有存量快照和新产生的快照将根据快照使用的存储容量进行收费。
在快照商业化后，腾讯云仍旧会在国内主要地域为用户提供一定量的免费额度。免费额度策略如下：
免费额度覆盖范围为中国大陆地域，中国香港及海外地域暂无免费快照额...... 展开详请
无服务器云函数的cron表达式问题？
推荐
https://cloud.tencent.com/document/product/583/9708#cron-.E8.A1.A8.E8.BE.BE.E5.BC.8F.E8.AF.AD.E6.B3.95.E4.B8.80.EF.BC.88.E6.8E.A8.E8.8D.90.E...... 展开详请
云服务器-intelS2 标准入门型 带独立ip么？
推荐
购买云服务器后上面的是否配套有数据库（mysql, sql server）和Web服务器等？
推荐已采纳
无服务器云函数添加触发方式以错误码9000失败？
推荐
扫码关注云+社区