javascript - 关于从数据库中添加元素，如何增加正文的宽度？

Question

我想针对从数据库中检索的多个 div(具有图像)增加 html 页面正文的宽度。代码如下:

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" > 但它看起来很奇怪。

注意

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

需要帮助吗？

Answer 1

试试这个:

min-width: 600px;
width: auto