如何从数据库中添加元素来增加正文的宽度？

Question

我想增加html页面的主体宽度，相对于从数据库中检索的多个div（有图像）。这是代码：

HTML

<div class = "mainDiv">
   <div id = "filer" class = "filterPanel">
   </div>
   <div id="imgPanel" class="imgPanelDiv">
        <ul id ="imgPanelUi">
            <?php require_once './getData.php';?>
        </ul>HTML
   </div>
<div>

CSS

 .mainDiv{
        position: relative;
    }
.filterPanel{
    width: 20%;
    height: 600px;
    padding: 40px 0 10px 0;
    position: relative;
}
.imgPanelDiv{
    width:80%;
    position: absolute;
    top : 0;
    right: 0;
}

我还设置了<div class="imagePanelDiv" style = "float : left"＆gt;但它看起来很奇怪。

注意

使用上面的代码，主体的宽度直到filterDiv（设置为600px）。此后，主体不可用，所有其他图像都超出范围。我希望身体宽度增加，以便所有图像（在“imgPanel”类中）显示在身体上。

需要帮助？

Answer 1

试试这个：

min-width: 600px;
width: auto

Answer 2

删除imgPanelDiv中的position:absolute;