컨테이너 부동 문제

sketch 컨테이너 부동 문제

이봐, 나는 내 컨테이너 스케치에 큰 문제가있다. 이것을 어떻게 알 수 있습니까? 두 탐색 (파란색 컨테이너)에서 너비를 설정하면 로고 (빨간색 컨테이너) 아래에 있습니다. 두 개의 내비게이션은 로고 바로 옆에있는 화면에서 실행됩니다. 브라우저 창 크기를 조정하면 두 탐색이 로고 아래로 움직여서는 안됩니다. 아무도 나를 위해 모범이 있습니까?

<html lang="en"> 

<head> 
    <meta charset="utf-8" /> 
    <title>New</title> 
    <style type="text/css"> 

     .logo { 
      float: left; 
      width: 260px; 
      height: 50px; 
      background: green; 
     } 

     .nav-main { 
      background: red; 
     } 

     .nav-sub { 
      background: blue; 
     } 

    </style> 
</head> 

<body> 
    <div class="header"> 
     <div class="logo"> 
      .logo 
     </div> 
     <div class="nav-main"> 
      .nav-main 
     </div> 
     <div class="nav-sub"> 
      .nav-sub 
     </div> 
    </div> 

</body>

출처

2011-04-05 Patrik

볼 데모에 대한 http://jsbin.com/isuxu4를 참조 nav-main 및 nav-sub

에 width를 추가 http://stackoverflow.com/questions/ 5540485/how-t o-make-an-inline-block-element-fill-the-line의 나머지 부분 – schellmax

DIV-Container가 필요하고 테이블 레이아웃이 필요하지 않습니다 .--( – Patrik

어디에서 코드를 작성합니까? – sandeep