css 설계도, 컨테이너 div 옆에 부동 div를 만드시겠습니까? 이미지

Question

임 청사진 레이아웃 느릅 나무를하려고 부착 950 픽셀 그래서 난 아래 이미지처럼 뭔가를 할 수 있습니다 : 이제 난 센터 페이지 을 떠 대한 정기적 950 픽셀 용기 (오른쪽 상자)처럼

# 메뉴 div가이 950px 상자쪽으로 왼쪽으로 떠 있어야 할 필요가 있으므로이 컨테이너 # 990px ​​div의 왼쪽에 고정 폭을 지정해야합니다.

어떻게 그런 일을 할 수 있습니까? 나는 이미 쓸모없는 몇 가지 CSS 트릭을 시도했지만, 액체 레이아웃이 있다는 것을 알고 있지만, #menu와 #container 사이의 공간은 큰 공간이 될 것입니다. 예를 들어 20px의 청사진 기본값을 말하는 것처럼 공간을 고정시키고 싶습니다.

어떻게 이런 일이 일어나고 화면 크기가 조정되는 경우에도 div가 페이지에 머물러있게하는 방법을 알고 있습니까? 내가 질문을 이해하면

Answer 1

이것은 당신이 원하는 것을 할 것입니다 :

body, html 
{ 
    width: 100%; 
} 

<div style="margin: 0 auto; width: 1100px"> 
    <div style="width: 150px; float:left;"> 
     menu 
    </div> 
    <div style="width: 950px; float:left;"> 
     right part 
    </div> 
</div>