CSS3 다중 열 및 가변 높이 콘텐츠 문제

Question

현재 콘텐츠를 나누기 위해 CSS3 다중 열을 사용하는 프로토 타입을 작성 중이며 잘 작동하는 것으로 보입니다. 내 문제는 열의 일부인 블록 내부에 확장 높이 섹션이 있다는 것입니다. Firefox에서는 CSS3 다중 열 내부의 요소 높이가 변경되어 Firefox가 사라지는 경우 Firefox가 충돌합니다.

CSS3 다중 열은 내부의 다양한 높이 콘텐츠를 고려해서는 안되며 그렇지 않은 것이 좋습니까? Columnizer는 엉덩이에 통증이있어 올바르게 작동하기 때문에 Columnizer와 같은 플러그인을 사용해야합니다.

[DIV] 
    [CONTENT] - Default height is 38 pixels 
    [EXPAND LINK] - A link when clicked that modifies the height of content to be 52 pixels. 
[/DIV] 

문제는 즉시 링크를 클릭로하고 높이가 다음, 그것의 레이아웃과 위치 (0 높이와 폭의 변화를) 손실과 같은 그것의, 변경 : 여기

레이아웃입니다 Firefox가 충돌합니다. Firebug를 사용하여 수동으로 높이를 변경하는 경우에도 마찬가지입니다.

Answer 1

나는이 문제를 근본적으로 게시하고 내 해결책은 다음과 같은 경우 였고 누군가 다른 사람이이 문제에 부딪혀 일부가 의지한다고 믿었습니다.

나는 적절한 CSS3 다중 열 코드를 가진 부모 div 요소를 가졌습니다. 내부 요소는 기사 요소입니다 (div를 사용할 수도 있습니다). 문제는 내부 기사 요소가 왼쪽으로 떠 다니는 것이 었습니다 (열이있는 항목의 모양을 나타 내기 위해 항목을 떠 다니는 순수한 습관에서 벗어남). 부동 요소가 CSS3 다중 열 코드와 충돌하여 브라우저가 손상되었습니다.

플로트가 요소의 레이아웃을 수정하기 때문에 다중 열 코드가 상자를 재조정 한 다음 무한 루프에 빠져들고있는 것 같아요. 나는 무엇이 계속되었는지는 모르겠지만 다중 열 div 또는 아무것도 안에 떠 다니는 요소는 좋지 않습니다.