javascript - CSS 문제, div 하단에 컨테이너를 정렬하는 방법

Question

그림과 같이 3개의 div가 있습니다. 1에서 하단에 정렬되도록 2와 3을 설정하는 방법은 3이 숨겨져 있으면 2가 아래로 떨어져서 하단에 정렬됩니다.

给我你的怀抱 · Answer

2와 3은 4를 래핑합니다. 이 4가 어떻게 하단 0에 절대적으로 위치할 수 있습니까? 이 4, 2, 3은 자체적으로 래핑된 문서 스트림에 있습니다. 3이 없으면 2가 가능합니다. 이를 지지하다 4. 이것이 일관성이 있습니까?

给我你的怀抱 · Answer

js에 논리적 판단을 작성합니다. 3이 숨겨지면 2의 위치 지정 상단이 3의 위치 지정 상단이 됩니다. 일반적인 문서 흐름은 왼쪽에서 오른쪽, 위에서 아래로 이루어지기 때문에 자동 드롭을 구현할 수 없습니다. 이 상황의 전제는 1박스의 높이가 고정되었을 때

过去多啦不再A梦 · Answer

1이 상위 상자인 경우 내부의 두 3은 하위 집합 상자입니다. 2와 3의 높이 또는 이를 지원하는 내부 콘텐츠만 제공하면 3으로 숨길 수 있습니다. , 자연스럽게 아래로 내리시면 됩니다

仅有的幸福 · Answer

플렉스 사용

PHPz · Answer

플렉스 레이아웃을 사용해 보시겠습니까?
http://www.ruanyifeng.com/blo...

PHP中文网 · Answer

유연한 레이아웃

으아아아

Php8, 나도 갈게