当前位置:  开发笔记 > 编程语言 > 正文

为什么动态生成的内容不会改变包含div的高度?

如何解决《为什么动态生成的内容不会改变包含div的高度?》经验,为你挑选了1个好方法。

我正在编写一个显示数据库信息的页脚div.页脚具有与页面其余部分不同的背景颜色,并且其高度取决于数据库向其投入的内容量.当我使用php生成内容并调用页脚div周围的边框时,内容会出现,比如400px高,但div边框在div的顶部显示为1px高的矩形.

如何获得自动调整内容的高度?


这就是我得到的.红色边框下方的区域应填充颜色. 边界图片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



1> scunliffe..:

检查您的页脚CSS ...如果您将溢出设置为除自动/滚动之外的任何内容,则DIV将不会增长.

如果不尝试使用DL/DT以外的东西,因为DT是内联元素,它们不会推动你的div适合内容.*

例如,只是尝试使用DIV,如果页脚增长,你有答案.

(注意:我修改了建议的顺序)

*(我意识到,这应该不是一个问题,但是没有迹象表明这种情况发生在哪个浏览器中,因此如果IE的渲染方式与预期的不同,我就不会感到惊讶了)

推荐阅读
放ch养奶牛
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有