CSS 열 속성

Question

그래서 나는 내가 열을 만들 수있는 다른 방법을 찾는 시도 열 속성은 인터넷 익스플로러에서 작동하지 않습니다 발견, 나는 테이블을 할 수있는 방법을 발견,하지만 약간 투박한 보인다. div를 사용하고 페이지를 분할하는 두 개의 세로 열을 만드는 방법이 있습니까?

Answer 1

플로트로 쉽게 수행 할 수 있습니다. 예 :

HTML :

<div class="col1">Column1</div> 
<div class="col2">Column2</div> 

CSS :

.col1 { width: 50%; height:100px; float:left; background:#ddd} 
.col2 { width: 50%; height:100px; float:left; background:#777} 

데모 : http://jsfiddle.net/AfgAG/9/

Answer 2

당신은 column-count을 사용할 수 있습니다 아니지만 IE에서 그것은 다른 모든 작동 접두사 10. 전.

float은 (는) 사용자의 작업 환경에 맞지 않습니까?

Answer 3

당신은 서로 옆에 두 개의 div 태그를 넣어 하나를 제공 할 수 있습니다 float:left CSS 속성이고 다른 하나는 float:right입니다. 두 div는 모두 DOM 트리에서 같은 레벨에 있어야합니다. 그 뜻은 : 기본적으로 div 태그는 HTML을 작성할 때 서로 '다음'이어야하므로 하나가 다른 태그가 아닌 태그 내부에 있지 않아야합니다. 예를 들어 :

<div> stuff </div> <div> more stuff </div>은 괜찮지 만,

<div> stuff </div> <div> <div> more stuff </div> </div>는 외부 div 태그가 float:left 또는 float:right, 직접 '더 많은 물건'을 포함하지 않는 내부 사업부로 표시 할 필요합니다.

희망 하시겠습니까?