1

设想：

我有一个包含表头的父 div 和一个包含表数据的子 div。

目标：

我希望能够水平滚动，从左到右滚动所有内容，如果表格数据垂直溢出，我希望能够垂直滚动并查看标题。

问题：

如果表格数据垂直溢出并且宽度超过父容器，除非我滚动，否则我看不到垂直滚动条，因此标题。

我在这里设置了一个示例：http: //jsfiddle.net/uRHkU/2/ - 我想要实现的目标是什么？

<div class="parentDiv">
    <p>very very very long header</p>
    <div class="childDiv">
        <p>content that stretches the full width</p>
        <p>content that stretches the full width</p>
        <p>content that stretches the full width</p>
        <p>content that stretches the full width</p>
        <p>content that stretches the full width</p>
        <p>content that stretches the full width</p>
        <p>content that stretches the full width</p>
        <p>content that stretches the full width</p>
        <p>content that stretches the full width</p>
        <p>content that stretches the full width</p>
    </div>
</div>
4

2 回答 2

0

您至少有 2 种方法来获得水平滚动请记住，您的段落元素正在溢出！

替代 1 使用

.parentDiv
{
    width: 500px;
    height: 300px;
    overflow:auto;

}
.parentDiv p {
    display:inline;
}

您将获得所有集合的滚动条

备选方案 2

.parentDiv
{
    width: 500px;
    height: 300px;

}
.parentDiv p {

    overflow:auto;
}

在这里你会得到一个段落的滚动条

编辑评论：您可以省略段落的内联规则。就像在这个小提琴中一样。我希望它是你要找的。 Fiddle here Child scrollbar Alternative 1

于 2013-02-28T14:31:33.293 回答
0

尝试overflow: auto“parentDiv”并删除所有溢出-xy-Stuff。

于 2013-02-28T14:06:33.967 回答