2014-12-08 28 views
0

我正在創建側面板,這在固定像素中工作正常,我需要根據像素調整側面板。這是code。現在,兩個面板之間的像素爲1024像素,如果寬度爲1024像素,對於頁面來說效果很好,但我希望根據內容像素調整面板。假設如果我的像素不是1024像素而是512像素,那麼側面板應該彼此靠近,並且面板之間的內容應該從1024像素更改爲512像素。這不是我的代碼,但離開公司的開發人員之一寫了這個,我從來沒有做過前端項目,所以我不擅長處理CSS。我試圖解決這個問題,但我無法找到內容大小在哪裏變化。幫助,將不勝感激。在側面板中的HTML更改寬度

<div id="container"> 
    <div id="ad" class="collapsed"> 
     <div id="banner"></div> 
     <div id="expansion"> 

      <div id="left_panel" class="side_panel" onclick="javascript:handleClickthroughButtonClick()"></div> 
      <div id="right_panel" class="side_panel" onclick="javascript:handleClickthroughButtonClick()"></div> 

     </div> 
    </div> 
</div>  

回答

0

如何在CSS改變.side_panel

position: absolute;

position: fixed; 

相對於瀏覽器窗口

+0

因此,元素的定位沒有事情是,內容側面板之間可以是250px到1024px,如果是250px,則sidepanels的空白區域應該是250px。 – Coder 2014-12-08 06:38:18

+0

如何將px更改爲%,例如:width:20%; – 2014-12-08 09:28:45