2013-12-17 5 views
0

컨테이너 내에서 다른 높이의 div를 왼쪽에 정렬하는 가장 좋은 방법은 무엇입니까? 이 작은 같은높이가 다른 div를 정렬하십시오.

봐 :

<div class="container"> 
    <div style="height: 20px;">1</div> 
    <div>2</div> 
    <div style="height: 20px;">3</div> 
    <div>4</div> 
    <div style="height: 20px;">5</div> 
    <div style="height: 20px;">6</div>  
</div> 

그것은 같은 일부 CSS3 코드를 추가 가능 : n 번째의 아이? div 사이에 div를 추가 할 수 없으므로이 코드는 CMS 내부의 블록 안에 있습니다.

http://jsfiddle.net/andersonfetter/2dWR5/1/

내 실제 상황은이 웹 사이트에 있습니다 당신 높이가 다른이 있고 왼쪽에 정렬되지 DIV 곳 http://www.devcore.com.au:17002/Consultant-Team/

+2

'div'는 모두 같은 높이입니까? – putvande

+0

어떻게 정렬합니까? jsfiddle에는 같은 높이가 있습니다. – peterh

+1

은'div's에'float : left'를 사용하고 컨테이너에는'overflow : auto'를 사용합니다. – Shahe

답변

1

당신은 clear:left;를 사용할 수 있습니다. 귀하의 웹 사이트를 확인한 후이 솔루션을 제안했습니다. 한 번 시도해보십시오.

enter image description here

+0

분명하지 않다고 생각합니다. divs가 나란히 있습니다. 높이와 상관 없다. – AFetter

+0

수정 된 답변보기 나는 명확한 것을 적용했다 : 좌로 지금 그것 맞춰진다. –

+0

그러나 내가 분명히 추가하면 왼쪽에 있습니다. 둘 다 한 칸을 만듭니다. – AFetter

관련 문제