CSS와 함께 플로팅 또는 절대적으로 위치 요소를 "흐름에"유지하도록 강제

StackOverflow https://stackoverflow.com/questions/1042438

  •  22-07-2019
  •  | 
  •  

문제

나는 CSS의 흐름에 머무르기 위해 플로팅 또는 절대적으로 배치 된 요소를 강제로하는 방법을 찾고 있습니다. 나는 CSS가 흐름과 같은 것을 가지고 있지 않은 것에 대해 바보라고 생각하고 있습니다.

문제는 가변 높이가있는 div 요소를 갖고 싶고, div의 왼쪽에 떠 다니는 이미지가 있고, div가 적어도 그림의 높이가되기를 원한다는 것입니다. 나는 또한 흐름에있는 모든 텍스트를 보유 할 정도로 적어도 크기를 원합니다 (이것은 분명히 문제가 아닙니다).

크기가 다양 할 수 있으려면 사진이 필요합니다. 나는 현재 jQuery 솔루션을 사용하고 있지만 그 작용을하고 있습니다. 디버깅을 좋아하지 않기 때문에 거기에있는 것 같아요 ~해야 한다 일종의 CSS 솔루션이 되십시오.

내가 어떻게 할 수 있는지 아는 사람이 있습니까?

도움이 되었습니까?

해결책

나는 보통 함께 간다 overflow: hidden 또는 overflow: auto.

다른 팁

새로운 요소를 사용하여 결국 DIV를 제거하는 대신 절대 DIV CSS에 추가 할 수 있습니다.

overflow: auto;

확실히 즉, 다르게 플레이하는 것을 좋아하므로 너비를 공급해야합니다. 절대 DIV에 설정 너비가 있다고 가정합니다. 따라서 그 너비로 설정할 수 있습니다.

.abs-div {
    position: absolute;
    overflow: auto;
    width: 160px; /* Replace with your width */
}

상황에서 작동 할 수있는 해킹은 CSS Clear 속성이 "둘 다"(또는 이미지가 왼쪽에 있기 때문에 왼쪽)로 설정된 나머지 컨텐츠 후 DIV 내부의 다른 요소를 추가하는 것입니다. 예 :

<br style="clear: both" />

이것은 부유 한 요소 아래의 요소를 강제로 함유하는 div를 늘릴 것입니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top