在非滚动div中滚动div

Question

当前代码：http://jsfiddle.net/GDZpm/2/

我想让 rightSideDetails 类div内容滚动，而不是 rightSideContainer 类div。我的尝试已将文本溢出到下部分区或内容区域中的可见（但已禁用）滚动条。

.mainContent {
position:relative;
width:275px;
}
.leftSide {
position:relative;
min-height: 485px;
}
.rightSide {
position:absolute;
top:0px;
left:100px;
}
.rightSideContainer {
height:175px;
overflow:auto;
}
.rightSideHeader {
padding-left:30px;
padding-top:6px;
padding-right:20px;
font-size:10px;
font-weight:bold;
font-size:14px;
}
.rightSideDetails {
padding-left:20px;
padding-top:15px;
padding-right:30px;
font-size:12px;
}

谢谢。

Answer 1

.rightSideDetails {
    padding-left: 20px;
    padding-top: 15px;
    padding-right: 30px;
    font-size: 12px;
    overflow-y: scroll;
    height: 100px;
}

我已删除overflow: auto;并将height和overflow-y规则添加到所提及的内容div的选择器中。您可以替换这些值以满足您的需求。