각 div 요소를 브라우저 창에 맞추기

각 div 요소가 브라우저 창에 적합한 웹 페이지를 디자인해야합니다. 내가해야 할 것은 수직 (500 픽셀 이상의 높이에 대한) 브라우저 창에 맞게 그 빨간색 테두리가 용기의 각을 가지고있다 http://jsfiddle.net/E9HER/각 div 요소를 브라우저 창에 맞추기

: 는 여기에 내가 지금 무슨이다.

<div class="contentcontainer"> 
    <div class="WhoWeAre"><a name="WhoWeAre">Who we are</a></div> 
    <div class="WhatWeDo"><a name="WhatWeDo">What we do</a></div> 
    <div class="OurWork"><a name="OurWork">Our work</a></div> 
    <div class="Contact"><a name="Contact">Contact</a></div> 
</div>

모든 의견이나 도움을 주시면 감사하겠습니다.

출처

2013-01-25 Jawwad Zakaria

. 어떤 브라우저를 사용하고 있습니까? (Chrome에 있습니다.) –

당신은

당신은 적당한 높이로 다가올 %로 놀러해야합니다 ...

.wrapper {min-height:500px; 
    height:100%;} 

    .contentcontainer { 
    height:85%; 
    min-height:500px}

뿐만 아니라 포함 된 div에 contentcontainer의 속성을 적용 설정할 수 있습니다.

이

브라우저 창에 div의 크기를 조절하지만, 그 아래의 창에 대해 500 픽셀로 설정합니다 ... 당신의 바이올린은 나를 위해 잘 작동

출처

2013-01-25 12:16:20 TDsouza

왠지 이유로 작동하지 않습니다. 다음은 업데이트 된 jsfiddle입니다. 권장 변경 사항은 http://jsfiddle.net/MxxZd/ –

입니다. Js 바이올린 창을 사용하면 500px보다 낮아 지므로 '최소 높이 : 500px'를 제거하고 이제는 정상적으로 작동합니다. , 나는 정상적인 창 크기에서 별도의 문서에서 동일한 코드를 시도하고 거기에서도 잘 작동했다. 여기에 '최소 높이'가없는 바이올린이 있습니다. [피들] (http://jsfiddle.net/TDsouza/Yfwet/) – TDsouza

각 div 요소를 브라우저 창에 맞추기

답변

관련 문제