Как увеличить ширину тела относительно добавления элементов из базы данных?

Question

Я хочу, чтобы увеличить ширину тела HTML страницы по нескольким DIV (имеющих изображения) извлечения из database.Here является код:

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"> но выглядит странно.

Примечание

С выше коде корпус, имеющий ширину до filterDiv (установить 600px) .После этого тела не доступен, и все другие изображения находятся вне границы. Я хочу, чтобы ширина этого тела увеличивалась, чтобы все изображения (в классе «imgPanel») отображались на теле.

Нужна помощь?

Answer 1

попробовать это:

min-width: 600px; 
width: auto 

Answer 2

удалить position:absolute; в вас imgPanelDiv