[HTML] HTML / CSS 전체 화면 레이아웃 너비 3 열 [중복]

CSS의 간단한 논리를 사용하여이를 달성 할 수 있습니다.

왼쪽 콘텐츠, 중간 콘텐츠 및 오른쪽 콘텐츠를 처리 할 수있는 3 가지 스타일을 만들어야합니다. 여기 있습니다 :

#fixed_width {
width:96px;
padding:2px;
border:1px solid #000;
float:left;
background-color:#f00;
}

#fixed_width_right {
width:96px;
padding:2px;
border:1px solid #000;
float:right;
background-color:#f00;
}

#unfixed_width {
padding:2px;
margin-left:105px;
border:1px solid #000;
background-color:#090; 
} 

다음과 같이 HTML 코드에서이 CSS 스타일을 사용하십시오.

<div id="container">
<div id="fixed_width">col 1, 80 pixels </div>
<div id="fixed_width_right">col 3, 80 pixels </div>``
<div id="unfixed_width">col 2, wild card </div>
</div>

그리고 당신은 끝났습니다 :)

건배..!!

출처
https://stackoverflow.com/questions/22079797