css在边框的内容往上滑动不了

最近在使用CSS时，我遇到了一个问题，就是当内容比较长时，边框下方的内容可以往下滑动，但是内容往上滑动时，边框却不跟着往上滑动，导致上方的内容被遮挡住了。

.box {
    width: 400px;
    height: 300px;
    overflow: auto;
    border: 1px solid black;
}
    

以上是CSS代码，其中overflow属性设置为auto，表示当内容超出box容器的尺寸时，自动出现滚动条。但是当内容向上滑动时，边框并不跟着往上滑动，导致上方的内容被遮挡住了。

解决这个问题的方法很简单，只需要在box容器上再套一个div容器，然后在内部容器中放置内容即可。这样就可以实现内容向上滑动时，边框也会跟着往上滑动。

div class="outer">
    div class="inner">
    //此处放置内容/div>
    /div>
.outer {
    width: 400px;
    height: 300px;
    border: 1px solid black;
    overflow: auto;
}
.inner {
    padding: 10px;
}
    

在上面的代码中，我们新建了一个outer容器，用来包含内部的内容。同时，我们还在inner容器中设置了一个padding值，确保内容距离边框有一定的间隔。

通过以上的方法，我们可以轻松地解决边框不跟随内容往上滑动的问题。当然，如果是在IE6等低版本浏览器下，可以使用IE CSS Hack或JS脚本来解决这个问题。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！