두 섹션이있는 탐색 모음의 div 순서

Question

내 사이트에 현재 하나의 색상 인 탐색 막대가 있으며이 막대의 왼쪽 (탐색 링크가있는 위치)을 하나의 색상으로 만들고 싶습니다. 오른쪽 비트, 배경과 같은 색.

이렇게하려면 두 개의 div로 나눠야합니까?

현재 내 바닥 글은 두 섹션으로 나뉩니다 그리고 나는이 같은 설정이 있습니다

<div id="footer"> 
<div id="footer_left"> 
<div id="footer_right"> 
</div> 
</div> 
</div> 

내가 위의 예처럼 내 탐색 모음을 생각 되었으나, 내 바닥 글, 사업부 " 바닥 글 "내 CSS 파일에 정보를 보유하고 있습니다. 내가 "nav"라는 항해 용 div를 가지고 있다면 내 CSS 파일에 그 정보가 없으므로 아마도 멍청 할 것입니다. (나도 몰라.)

가 현재 내 헤더 내 HTML 파일에서 다음과 같이 설정 한 : 내가 말했듯이

<div id='nav'> 
<ul id='navleft'> 
</ul> 
<div id='navright'> 
</div> 
</div> 

, 사업부 '탐색'실제로 아무런 정보가없는 그래서 이것은 아마도 잘못 . 또한 내 ul 'navleft'를 'navleft'div에 넣고 왼쪽 스타일의 정보를 입력해야합니까? 아니면 nav에 해당 정보를 입력하고 navright를 사용하여 오른쪽에 필요하지 않은 정보를 덮어 써야합니까?

내 질문이 멍청하거나 혼란스러워 보일 수도 있지만 실제로 혼란 스럽습니다. CSS 참조 서가 있지만이 특정 질문에 대해서는 도움이되지 않습니다.

Answer 1

:

HTML :

<div class="nav"> 
    <div class="left"> 
     content 
    </div> 
    <div class="right"> 
     content 
    </div> 
    <div class="clear"></div> 
</div> 

CSS : 당신이 명확한 인 요소가 필요

div.nav 
{ 
    width: 900px; 
} 

div.left, 
div.right 
{ 
    display: block; 
    float: left; 
} 

div.left 
{ 
    width: 600px; 
} 

div.right 
{ 
    width: 300px; 
} 

div.clear 
{ 
    clear: both; 
} 

주 속성은 부동 요소가있는 컨테이너의 끝에 있습니다. 또한 사용자의 요구 사항을 충족 시키려면 너비 값을 분명히 조정할 수 있습니다.

Answer 2

올바른 길을 가고 있습니다. 동일한 행에 표시되도록 두 내부 div를 모두 플로팅해야합니다. 나중에 문제가 발생하지 않도록 각 div의 너비를 지정하십시오. 당신과 같이, 플로트 속성을 사용하기 위해 필요한이 들어