플로트 된 div가 접히는 것을 방지하기위한 너비가 0입니다.

Question

먼저,이 문제는 자녀가 떠있을 때 블록 요소가 접히는 것과 관련이 없습니다. 실제로이 문제는 전혀 해결되지 않습니다.

문제는이 부분입니다. CSS로

<div class="column">Column 1</div> 
<div class="column"></div> 
<div class="column">Column 3</div> 

: 내가 좋아하는 떠 div의 일련의가 있다고 가정

div.column { float: left; width: 200px; } 

중간 열은 파이어 폭스와 사파리의 최신 버전에 붕괴됩니다,하지만 분명히하지 IE7. 내가 원하는 것은 IE7의 동작입니다.

나는 내가   추가 할 수 있습니다 실현과 오픈 사업부를 개최합니다,하지만 난이 같은 선언이 있기 때문에이이 경우에 나를 위해 작동하지 않습니다 내가 가진

div.column input { width: 100% } 

을 일련의 열이 테이블과 같은 형식으로 배치되어 특정 조건으로 인해 입력 필드가 사라집니다. 문제는 필드가 사라지는 입력이 사라지는 경우입니다.  을 추가하면 div가 줄 바꿈됩니다. 초기 질문을 시작하는 것 :

• 대신 테이블을 사용하지 않는 이유는 무엇입니까? Scriptaculous를 사용하고 있기 때문에 테이블에서 작동하지 않는 행을 드래그 앤 드롭 할 수 있습니다.
•  의 공간을 남겨 두는 이유는 무엇입니까?width: 100%이 브라우저에서 더 정확하기 때문에.
• 입력을 숨길 때  을 추가하지 않는 이유는 무엇입니까? 결국이 방법이 궁금 할 수도 있지만 더 나은 방법을 기대하고 있습니다.

여기에 영리한 해킹이있는 사람이 있습니까? 사파리와 파이어 폭스 모두 이런 식으로 행동하기 때문에 나는 이것이 공식적으로 허락 된 행동이라고 생각한다. W3C 사양에서이 부분은 어디에서 논의 되었습니까?

Answer 1

Eh? 그냥 임의의 높이를 주면 안 될까요? 데모를 보여줄 수 있습니까?