DIV 위치 지정은 Firefox에서는 작동하지만 Chrome에서는 작동하지 않습니다.

Question

크롬을 사용하여 DIV 위치를 this page에 지정하는 데 문제가 있습니다. 빨간색 DIV에 텍스트를 입력하면 아래로 이동합니다 (Firefox에서는 발생하지 않음).

This shows 빨간 DIV에 why을 끼기 전에 어떻게 되었습니까?

Answer 1

세로 정렬을 위해 상자의 높이가 고려되지 않았습니다 (아마도 높이가 ID와 디스플레이에 의해 적용 되었기 때문에 인라인 블록이 클래스에 적용됩니까?). 이 문제를 해결하려면 세로 정렬을 추가하십시오. .box 클래스에 추가하십시오.

높이가 모두 같기 때문에 너비를 제어하고 float : left;를 사용하여 컨테이너 div에 이들을 넣는 것이 더 쉬울 수도 있습니다.