0
div의 내용과 상관없이 브라우저의 크기에 관계없이 div에 빨간색 화살표로 표시된 전체 영역을 사용하도록 지시하려면 어떻게해야합니까? div를 확장하여 가능한 모든 영역을 사용하는 방법
<div style='height:100%;width:'100%'>...</div>하지만 그것은 단지 수평 영역, 수직하지 걸립니다. 이것을 할 수있는 방법이 있습니까?
A
답변
1
체크 아웃이 바이올린은 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%;
}
구문은''
@Laura 어쨌든 작동하지 않습니다. – assembler