我想要我的.sideBar和.contentHolder元素.displayContainer.
问题是.displayContainer呈现不必要的垂直滚动条.水平滚动条没问题,但不需要垂直滚动条.
我检查过并发现.displayContainer子元素具有相同的计算高度.那么为什么会有垂直滚动条?
任何人都可以给我一个如何删除它的想法?
body, html {
margin: 0px;
padding: 0px;
border: 0px;
height: 100%;
width: 100%;
}
.displayContainer {
height: 100%;
width: 100%;
overflow: auto;
white-space: nowrap;
}
.sideBar {
background-color: green;
display: inline-block;
width: 20%;
height: 100%;
}
.contentHolder {
background-color: red;
display: inline-block;
width: 100%;
height: 100%;
}Run Code Online (Sandbox Code Playgroud)
<div class="displayContainer">
<div class="sideBar"></div>
<div class="contentHolder"></div>
</div>Run Code Online (Sandbox Code Playgroud)