오늘 코딩하는 동안 이 문제가 발생했습니다.

인라인 요소인 경우 디스플레이 속성이 inline-block으로 설정되면 모든 브라우저에서 이를 지원합니다.

반대로 블록 수준 요소인 경우 display: inline-block으로 설정하면 ie6/ie7에서는 이를 지원하지 않습니다.

IE에서 인라인 요소에 대해 display:inline-block을 사용하면 이를 인식하지 못하지만, display:inline-block을 사용하면 IE에서 레이아웃이 실행되므로 인라인 요소에 display:inline-block 특성이 부여됩니다. .

이때 블록 요소는 display:inline-block으로만 레이아웃되고 그 자체가 행 레이아웃이므로 트리거 후에도 블록 요소는 여전히 행 레이아웃에 있으며 처럼 인라인으로 렌더링되지 않습니다. Opera 객체의 블록 요소.

해결책:

1. (이번에 사용한 것입니다.)

렌더링할 블록 요소를 인라인 객체로 직접 설정(display:inline 속성 설정)한 다음 블록 요소의 레이아웃(예: Zoom:1 또는 float 속성 등) 코드는 다음과 같습니다:*/*권장: IE6, 7*/DIV {
디스플레이: 인라인-블록;

*디스플레이: 인라인; }

세 가지 모두 필수입니다

/*권장*/div {

                                                     >                                     }

2. (여기에 복사)

div {display:inline;}