我正在编写一个显示数据库信息的页脚div.页脚具有与页面其余部分不同的背景颜色,并且其高度取决于数据库向其投入的内容量.当我使用php生成内容并调用页脚div周围的边框时,内容会出现,比如400px高,但div边框在div的顶部显示为1px高的矩形.
如何获得自动调整内容的高度?
$dtval){ echo ""; foreach($dtval as $dtvkey=>$dtvval){ echo "
"; } ?>- ".$dtvval."
"; } echo "
这就是我得到的.红色边框下方的区域应填充颜色. 边界图片http://www.kevtrout.com/tortus/div.png
根据大众需求,这里是css:
#footer{ border-top: 10px solid #d8d8d8; background:#5b5b5b; /*overflow:auto;*///Added this after seeing your answers, it worked } dl.tr{ width: 255px; height:160px; background: #5b5b5b; margin:0px; float:left; padding: 10px; } dt.tr{ font-weight: normal; font-size: 14px; color: #d8d8d8; line-height: 28px; }
编辑:我在mac上使用firefox
检查您的页脚CSS ...如果您将溢出设置为除自动/滚动之外的任何内容,则DIV将不会增长.
如果不尝试使用DL/DT以外的东西,因为DT是内联元素,它们不会推动你的div适合内容.*
例如,只是尝试使用DIV,如果页脚增长,你有答案.
(注意:我修改了建议的顺序)
*(我意识到,这应该不是一个问题,但是没有迹象表明这种情况发生在哪个浏览器中,因此如果IE的渲染方式与预期的不同,我就不会感到惊讶了)