如何把一个有滚动条的DIV中的头部固定，不随滚动条滚动?

Question

如图，想把红框的部分固定，不管怎么滚动，这部分都在顶部，有点类似于fixed的效果，这部分代码结构大概是这种

                <div class="modal-header">
                    <button class="close" type="button" data-dismiss="modal">×</button>
                    <h3 id="myModalLabel">折损费用申请</h3>
                </div>
                <div class="modal-body">
                    下面的内容
                </div>

用的是bootstrap的模态框

Answer 1

你的overflow:scroll只加给modal-body这个节点就好了、只是中间滚动的话

Answer 2

如果头部是一个单个的div的话请采用以下样式

position:fixed;
z-index:9999;
top:数值调整到你现在的位置

，当然如楼上所说，给你内容的div单独加scroll也是可用行的，这样滚动条就固定在内容区域

Answer 3

把头部的div加个 position:fixed; 就可以了。