2014-01-08 23 views
0

我想增加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」類中)都顯示在身體上。

需要幫助?

回答

0

試試這個:

min-width: 600px; 
width: auto 
0

刪除position:absolute;你imgPanelDiv

+0

imgPanelDiv控裝置,帶filterPanel。 – Zeb