2010-01-27 5 views
2

% 폭 :사업부의 레이아웃 : 정적 왼쪽 열 폭은 strechacle 오른쪽 열 (19) 왼쪽 섹션 폭, 80 % 내용 폭

alt text

을하지만 난 200 픽셀 왼쪽 부분을 수정하려는 및 콘텐츠 섹션은 나머지입니다 볼 수있는 영역 너비

CSS로 어떻게 할 수 있습니까?

<html> 
<head> 
    <title>TWO-COLUMN LIQUID LAYOUT WITH FLOATING BOXES</title> 
    <style type="text/css"> 
     body 
     { 
      margin: 0px; 
      padding: 0px; 
     } 
     div 
     { 
      border: 1px solid black; 
     } 
     #header 
     { 
      background: #0f0; 
      width: 100%; 
     } 
     #leftcol 
     { 
      background: #f00; 
      float: left; 
      width:19%; 
      /* max-width: 200px; */ 
      height: 500px; 
     } 
     #content 
     { 
      background: #fff; 
      float: left; 
      width: 80%; 
      height: 500px; 
     } 
     #footer 
     { 
      background: #0f0; 
      clear: both; 
      width: 100%; 
     } 
    </style> 
</head> 
<body> 
    <div id="header"> 
     Header Section</div> 
    <div id="leftcol"> 
     Left Section</div> 
    <div id="content"> 
     Content Section</div> 
    <div id="footer"> 
     Footer Section</div> 
</body> 
</html> 

답변

관련 문제