나는 wrapper의 키가 커질수록 콘텐츠의 양에 따라 div가 모두 div에 포함되도록 노력하고 있습니다.CSS 높이 : 100 % 문제
이렇게하는 방법은 height: 100%으로 설정하는 것이 좋겠지 만 아래 그림에서 볼 수 있듯이이 경우는 아닙니다. 이 '없음 :-('무슨 일이 height: 100%이가 '예'라고 내가 빨간색 선을 그린 어디 하단에있을 wrapper를 원하는 곳에 이상적으로하고있는 데.
는 어떤 도움을 많이 감사합니다.
float를 사용하는 경우 컨테이너 오버플로 : 숨김을 지정하면 문제가 해결 될 수 있습니다. div에 고정 된 크기가 주어지지 않으면, 이것은 float 요소 위로 늘어납니다.
컨테이너 내부에 요소를 배치 한 경우 솔루션에 대한 html/css를 보는 것이 좋습니다.
당신이 CSS에 대한 링크를 게시 할 수 있습니까? 래퍼 내부의 div의 위치 속성이 내 마음에 오는 첫번째 것은. 그들이 떠 설정하거나 절대 경우 래퍼에 포함되지 않습니다. 에드. 당신이 수레를 사용하는 경우 http://complexspiral.com/publications/containing-floats/
하는 경우, 가능성으로, 그게 문제입니다, 당신도 상대 위치가 내부 div의 또는, 당신은 보이지 않는를 추가 할 수 있습니다 : 예 여기 는 포함 수레에 대한 좋은 기사입니다 래퍼 끝 부분에 블록 표시 시간이 표시됩니다.
<div id="wrapper">
/*All divs to be contained here*/
<hr style="display:block;clear:left;visibility:hidden;">
</div>
맑음 : 왼쪽; 이전 요소의 "떠 다니는"것을 제거하는 것입니다. 귀하의 수레에 따라 '왼쪽'이 변경되어야합니다. 위의 기사에서 더 많이, 이것이 내가 가장 좋아하는 방법입니다.
코드는 http : //dev.tim-morgan.co.uk/other/copy/index.html :-) – Tim
여기 저기에 수레가있는 것 같습니다 :) hr 또는 Marcus의 솔루션을 추가하십시오. –
clearfix가 필요한 것 같습니다.
http://css-tricks.com/snippets/css/clear-fix/
당신은 (위의 링크에 명시된대로) clearfix 클래스를 정의하는 #wrapper에 .clearfix 추가 할 수 있습니다.
코드는 어디에 있습니까? 아니면 살아있는 예입니까? Divs는 이상한 리셋 CSS가 없으면 기본적으로 콘텐츠에 맞게 확장됩니다. 'height : auto; 시도해보기 – Kyle
'height : 100 %'가 작동하려면 그 위의 모든 요소도 높이를 설정해야합니다. 또한 컨테이너에 부유 요소가있는 경우 truefix와 같은 솔루션을 사용해야 만 진정한 높이를 얻을 수 있습니다. 코드를 게시 할 수 있다면 명확한 대답이 가능할 것입니다. –
@ 카일 여기 코드를 살펴보실 수 있습니다 : http://dev.tim-morgan.co.uk/other/copy/index.html :-) – Tim