스크롤 및 위치 관련 문제

Question

정보가 포함 된 두 개의 큰 div로 나뉜 페이지를 만들려고합니다.

이 div 중 하나는 실제 페이지 (너비 : 910px)이고 다른 하나는 HTML에 고정되어 있고 너비는 (400px) 인 창입니다.

그래서 두 번째 div가 첫 번째 것입니다.

두 가지 div에 오버플로 자동을 넣으려고하는데 두 스크롤이 navegator의 오른쪽에 나타나고 첫 번째 div의 스크롤이 두 번째 div 왼쪽에 나타날 수 있어야합니다. div (고정되어 있고 첫 번째 div 위에있는 것).

이

내 코드입니다 :

몸 사업부 아이디 = "USER_ID" /DIV

사업부 아이디 = "창"(페이지의 콘텐츠와 코드의 전체) (DIV 패널의 내용) /DIV

다음 CSS :

ID 창 {배경 : 없음 반복 스크롤 0 0 # 282829; 하단 : 0; 위치 : 고정; 오른쪽 : 0; 상단 : 0; 너비 : 450px; font-family : HelveticaNeue; 글꼴 크기 : 14px; 오버플로 : 자동;}

id user_id {width : 910px; 왼쪽으로 뜨다; margin-top : 80px; margin-left : 10px; 위치 : 고정; 오버플로 : 자동; }

이렇게 두 스크롤을 얻지 만 그 중 두 개는 브라우저 오른쪽에 있습니다. id_user가 창 옆에 스크롤을 놓고 그 위에 떠 있어야합니다.

아무도 내가 어떻게 이런 일을 할 수 있는지 알고 있나요 ??? 감사!

Answer 1

div도 너비를 고정하는 것이 좋지 않겠습니까?

<div id="container"> 
    <div id="div1"></div> 
    <div id="div2"></div> 
</div> 

다음 CSS에서 : 예를 들어

div#container { 
    width: 960px; 
    margin: 0 auto; 
} 
    div#container div#div1 { 
     width: 560px; 
     float: left; 
     overflow: auto; 
    } 
    div#container div#div2 { 
     width: 400px; 
     float: left; 
     overflow: auto; 
    }