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を展開して可能なすべての領域を使用する方法

答えて

関連する問題