CSS 너비가 합계되지 않습니다

Question

나는 <div> 두 개가 부모 <div> 안에 있습니다. 안쪽은 모두 padding, border 또는 margin 및 width:50%; display:inline-block;으로 지정됩니다. 또한 외부 <div>에는 padding 등이 없습니다. 방화범이 끌리는 바깥 쪽 <div>은 너비가 1240px이고, 안쪽은 620px입니다. 그렇다면 왜 그들은 다른 것 아래에 하나가 아닌 나란히 나타나는 것처럼 보입니까? 너비를 618px로 낮추면 작동합니다. 응?

Answer 1

display:inline-block은 AFAIK 요소를 그릴 때 마크 업 공백을 고려하는 방식에서 불편합니다. 다른 텍스트가없는 경우 부모 요소에 font-size:0을 설정하고 하위 요소에 대해 원하는 font-size을 설정하십시오.

추신 : 먼저 요소 사이의 마크 업에서 공백을 제거하여 문제가 해결되는지 확인하십시오.

Answer 2

두 개의 블록 A와 B가 있고 똑같은 크기이고 똑바로 볼 때 완벽하게 정렬되어 있으면 블록이 한 개만 보일 것입니다.

컨테이너 내부에 맞지 않는 것을 만들려고합니다. 이미 문제를 해결했거나 콘테이너의 크기를 가볍게 조절하여 함께 맞 춥니 다.