div를 확장하여 가능한 모든 영역을 사용하는 방법

div의 내용과 상관없이 브라우저의 크기에 관계없이 div에 빨간색 화살표로 표시된 전체 영역을 사용하도록 지시하려면 어떻게해야합니까? div를 확장하여 가능한 모든 영역을 사용하는 방법

내가 시도 : <div style='height:100%;width:'100%'>...</div>하지만 그것은 단지 수평 영역, 수직하지 걸립니다. 이것을 할 수있는 방법이 있습니까?

출처

2017-10-28 assembler

구문은''

...

해야한다. (콜론, = 부호가 아님) – Laura

@Laura 어쨌든 작동하지 않습니다. – assembler

체크 아웃이 바이올린은 https://jsfiddle.net/o7u9hxou/

html 
<body> 
<div id="sidebar"></div> 
<div id="wrapper"> 
    <div id="topbar"></div> 
    <div id="else"></div> 
</div> 
</body> 

css 
body { 
    box-sizing: border-box; 
    height: 100vh; 
    margin: 0px; 
    padding: 0px; 
} 
#else { 
    background-color: green; 
    height: 90vh; 
} 
#sidebar { 
    background-color: pink; 
    display: inline-block; 
    float: left; 
    height: 100%; 
    min-width: 50px; 
    width: 10%; 
} 
#topbar { 
    background-color: yellow; 
    height: 10vh; 
    min-height: 20px; 
} 
#wrapper { 
    display: inline-block; 
    float: right; 
    height: 100%; 
    width: 90%; 
}

출처

2017-10-28 18:57:54 ecg8

div를 확장하여 가능한 모든 영역을 사용하는 방법

답변

관련 문제