2011-11-15 2 views
0

class = "left"및 class = "right"를 사용하여 2 열 레이아웃을 만들려고합니다. 떠 다니지 않고 내. 왼쪽 열 아래에 나타나고 있습니다.HTML/CSS : float가 올바르게 작동하지 않습니다. div가 이전 div 아래에 표시됩니다.

.left와 .right 내부의 모든 것을 제거하면 플로트가 올바르게 작동합니다. 누군가 내가 잘못하고있는 것을 알아낼 수 있습니까? 감사합니다.

+1

왜 '오른쪽'이라고 부르며 '왼쪽'으로 떠오 릅니까 ??? – PeeHaa

+3

코드를 동작을 나타내는 최소 예제로 줄이십시오. – riwalk

+1

... 그리고 기록상 문제는 아마도 플로트가 올바르게 작동하지 않는다는 것이 아니라 그들이 어떻게 작동하는지에 대한 이해가 올바르지 않다는 것입니다. 큰 차이. – riwalk

답변

3

right div는 left div 안에 있습니다. </div><!-- left -->이라는 댓글이 있지만 실제로는 왼쪽 div의 끝이 아닙니다. 블록 강조 표시를 지원하는 편집기에서보십시오.

+0

+1 12 초 동안 나를 이길. – Brent

0

코드 .leftdiv의 코드가없는 것으로 보입니다.

블록의 끝에 다른 끝 div 태그를 추가하는 것으로 수정 된 것으로 보입니다. 당신이 패딩 및/또는 .left와 됐지 된 div에 정의 된 여백이있는 경우

http://jsfiddle.net/SG8sE/4/

0

, 나란히 표시하기 (내용) 그들 각각의 여지가 있는지 확인합니다.

처음 레이아웃에서 작업하면서 요소 주위에 1 픽셀 경계선을 두어 모든 것이있는 곳을 처리하는 것이 좋습니다.

관련 문제