所以即时尝试制作面板。每个面板都有一个标题和一个内容。现在我想只能在内容上滚动。滚动内部div
的CSS:
.content-div{
float:left;
height: 400px;
overflow-x:hidden;
overflow-y:hidden;
white-space: nowrap;
}
.panel-div{
height:100%;
background-color: red;
display: inline-block;
overflow-y:hidden;
}
.panel-content{
padding: 5px;
height:100%;
overflow-y:auto;
}
.panel-header{
height:100px;
width:400px;
text-align:right;
padding:5px;
background-color: blue;
}
和HTML:
<div class="content-div">
<div class="panel-div">
<div class="panel-header">
</div>
<div class="panel-content">
<p>test</p>
</div>
</div>
</div>
的问题是,面板内容的div获取的内容div的,全高度,我不能拿出一个很好的我如何使它100%的content-div解决方案,并从头文件中取走100像素。我知道css3中有calc,但是有没有其他方法可以做到这一点?
您的标记无效 – imGaurav
您的HTML似乎不完整? – Ant
当我把它复制进去的时候,想一些它会丢失。现在应该修复。 https://jsfiddle.net/zwvwvrgz/这个小提琴显示我的意思。 – Nbergk