사이드 패널의 HTML 변경 너비

Question

사이드 패널을 만들고 있는데 고정 픽셀에서 잘 작동하고 픽셀에 따라 사이드 패널을 조정해야합니다. 이것은 code입니다. 지금은 두 패널 사이의 픽셀이 1024 px이고 너비가 1024px인데 페이지가 제대로 작동하지만 내용 픽셀에 따라 패널을 조정해야합니다. 내 픽셀이 1024px가 아니라 512px가 아닌 경우 측면 패널이 서로 가깝게 있어야하며 패널 간의 내용을 1024px에서 512px로 변경해야한다고 가정합니다. 이것은 내 코드가 아니지만 회사를 떠난 개발자 중 하나가 이것을 썼다. 그리고 나는 프론트 엔드 프로젝트를 해본 적이 없어서 CSS를 잘 다루지 못한다. 이 문제를 해결하려했지만 콘텐츠 크기가 바뀌는 위치를 찾을 수 없습니다. 덕분에 도와 줘서 고마워.

<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>  

Answer 1

는 CSS에서 .side_panel 변경에 대한

position: absolute; 이

position: fixed; 

할 방법 브라우저 창