Question

我有这个CSS代码：

.homeBoxes {
    width: 49%;
    display:inline;
    float:left;
    overflow-y:scroll;
    min-height:300px;
    max-height:350px;
    margin-right:5px;
    margin-left:5px;
    margin-top:10px;
    margin-bottom:10px;
}
.title {
    margin:0 auto 0 auto;
    padding:2px;
    font-size:20px;
    background-color:#f36f25;
}

我希望标题在.homeBoxes div和100％内固定（不显示标题右侧的滚动条）

只能在div中修复而不是在整个页面上

http://jsfiddle.net/f3z3h/1/

Answer 1

您可以这样做： DEMO

<强> HTML：

<div class="homeBoxes_container">
    <div class="title">Title</div>
    <div class="homeBoxes">TEXT</div>
</div>

<强> CSS：

.homeBoxes_container {
    clear:both;
    width: 49%;
     min-height:300px;
    max-height:350px;
}
.homeBoxes {
    width:100%;
    display:inline;
    float:left;
    overflow-y:scroll;   
    margin-right:5px;
    margin-left:5px;
    margin-top:10px;
    margin-bottom:10px;
     min-height:300px;
    max-height:350px;
}

Answer 2

Fiddle

设置溢出属性。

.homeBoxes 
{
 width: 49%;
 display:inline;
 float:left;
 overflow-y:scroll;
 min-height:300px;
 max-height:350px;
 margin-right:5px;
 margin-left:5px;
 margin-top:10px;
 margin-bottom:10px;
 overflow: hidden;
}

如果要滚动到内容，请指定overflow：auto或scroll。

带有固定标题/标题的内联div

2 个答案: