레이아웃 정렬 안 함

Question

두 컨테이너가 하나씩 있습니다. 아래쪽은 위쪽보다 넓으며 둘 다 왼쪽 및 오른쪽에 자동 여백이 있습니다. 나는 꼭대기 사람이 다른 사람의 위에조차 앉어야 한 ㄴ다는 것을 계산한다.

나는이 불균형의 원인을 잘 모릅니다. 원격으로 작동하는 유일한 솔루션은 수동으로 왼쪽 여백을 설정하는 것입니다. 그러나 화면의 크기를 조정할 때 제대로 조정되지 않습니다.

최신 브라우저에서 작동하도록 설계되었습니다. IE9, Chrome, FF. IE8 지원은 아직 완료되지 않았지만 결국 IE8에서 작동해야합니다.

라이브 데모 :

Answer 1

, 당신의 container.columns 스타일, 재산 margin-left: 10px을 설정했습니다. 이 속성은 파란색 아래 부분에 대해서는 설정되어 있지 않습니다. 당신은, 즉 의 바닥 글을이 추가적으로 왼쪽을 적용하는 시도 할 수 있습니다 :

.container.footer.column.extend-width { left: 10px; }

는 도움이되기를 바랍니다.

Answer 2

클래스 .body-boder-right 가진 divs 및 .body-boder-right 다른 폭이

http://julianjosephs.com/seniorloans/

스크린 샷.

.body-boder-left { 
    ... 
    width: 90px; 
} 

.body-boder-right { 
    ... 
    width: 70px; 
} 

그들에게 동일하게 설정하십시오 : 나는 무엇을보고 들어

.body-boder-left { 
    ... 
    width: 70px; 
} 

.body-boder-right { 
    ... 
    width: 70px; 
}