지난 두 달 동안 저는 간헐적으로 여러 웹사이트에서 아티스트로 활동하면서 DIV+Css의 표준 개발에 대해 더 잘 이해하게 되었습니다. 나에게 가장 큰 도움이 된 것은 두 가지입니다. 하나는 CSS 박스 모델을 완전히 이해했다는 것이고, 다른 하나는 오랫동안 저를 괴롭혔던 "닫힌 부동 요소" 문제를 해결했다는 것입니다.
일반적으로 하위 요소가 부동 소수점을 사용하는 경우 상위 요소는 하위 요소가 끝나는 위치를 항상 정확히 알 수 없으므로 상위 요소의 아래쪽 테두리는 항상 하위 요소의 중간 또는 위쪽을 통과하여 매우 불편해 보입니다.
처음에는 하위 요소 뒤에 <br /> 또는 <div></div>를 추가하고 해당 속성을 "clear:all;"로 설정했지만, 이렇게 하려면 쓸모없는 태그가 많이 필요하고 일부 웹사이트도 필요합니다. 최후의 수단으로만 간주될 수 있는 이러한 빈 태그를 자동으로 추가하려면 ASP 코드를 수정해야 합니다.
나중에 부모 태그도 부동으로 설정하면 올바른 위치에서 닫힐 수 있다는 것을 알았으므로 부모 태그를 쉽게 부동으로 만들면 많은 ASP 코드를 변경할 필요가 없습니다. Clear 특성을 추가해야 함 빈 태그를 템플릿에서 추가할 수 없지만 ASP 코드에서 추가해야 하는 경우 ASP 코드를 변경할 필요가 없습니다. 여전히 ASP를 변경한 다음 상위 컨테이너를 변경해야 합니다. 상위 컨테이너를 부동으로 설정하고 레이어별로 부동하면 항상 문제가 해결됩니다. 이렇게 하면 많은 수고를 덜 수 있지만 전체 페이지가 떠다니는 요소로 가득 차게 될 수 있습니다. -_-!!! 이는 중간 전략으로만 간주될 수 있습니다.
나중에 인터넷에서 다른 것을 검색하던 중 우연히 부모 컨테이너의 CSS 속성에 다음 두 가지 속성을 추가하면 문제가 해결될 것이라고 말하는 사람을 발견했습니다.
오버플로: 자동;
_높이: 1%;
시도해 보았는데 정말 잘 작동했습니다. 이런 식으로 현재 이 문제를 해결하는 가장 좋은 방법으로 간주되어야 합니다. 페이지의 작업을 수정할 필요가 없으며 기본적으로 상위 항목을 수정할 필요도 없습니다. 컨테이너 - 상위 컨테이너의 상위 컨테이너까지 변경하는 경우 상위 컨테이너에 두 개의 중요하지 않은 속성을 추가하면 작업이 완료됩니다.