2012-10-23 2 views
1

일부 하위 요소가있는 상위 요소가 있습니다. 자식 요소는 min-width 집합이지만 부모는 설정하지 않습니다. 브라우저 창이 min-width보다 작 으면 자식 요소의 너비가 올바르지 만 부모는 계속 작아 져서 자식 오버플로가 발생합니다. 부모가 적어도 아이들만큼 넓어 지도록 강요 할 수 있습니까?자식 요소의 최소 너비를 기준으로 부모 요소 크기 자체를 가질 수 있습니까?

http://jsfiddle.net/Psczr/

(드래그 분할은 오른쪽에있는 대부분의 방법 다음은 결과 창에서 오른쪽으로 스크롤) (자바 스크립트를 사용하지 않고)

답변

1

이 상황에서 당신의 문제는 당신이 상대를 사용하고 있다는 것입니다 부모의 폭과 아이의 고정 폭. 당신이 처리하려고하는 솔루션은 스트레이트 CSS에서는 불가능합니다. 대신 모든 요소에 상대 너비를 사용하거나 상위 요소에 고정 된 너비를 설정해야합니다.

+0

아 나는 가장 큰 최소 폭을 계산하는 것은 (이 정말 긴 얻을 수있는 테이블이 많은 일부 회사 내부 페이지입니다) 어떤 재귀를 취할 것이기 때문에, 유일한 방법은 CSS의가 있다고 기대했다 , 그리고 이것에 대한 단지 약간의 여분의 일을 가치가 없어 :) – carpat

2

부모에와 자식 상속 ...하지만 스크립트의 td의 부모에 최소 폭이 div하지만 tr ...을 tr의 부모가 table이다 아니다 설정 ... table의 부모는 div입니다.

http://jsfiddle.net/Psczr/12/

+0

다른 대답은 조금 나이가 들어서, 그래서 받아 들여지 :) – carpat

+0

만약 당신이 내게 아무 문제가 바로 대답 : – memosdp

관련 문제