플로트 패딩으로 인해 플로트가 확장 됨

Question

웹 사이트에 간단한 2 열 레이아웃을 만들고 있지만 약간의 문제가 있습니다. float : left가 적용된 열에 패딩을 추가하면 float가 정의한 너비보다 커집니다. 나는 이것에 대한 답을 찾을 수없는 것 같습니다.

Answer 1

페이지를 렌더링 할 때 패딩을 너비의 일부로 간주하므로 너비를 조정해야합니다.

div가 200px이어야하고 오른쪽 패딩이 10px라고 가정 해 보겠습니다.

.box { 
    width:200px; 
    padding-right:10px; 
} 

실제 너비는 210px입니다.