-2

好像也有类似的问题，通过添加padding-right解决了。但是，在我的情况下，这不起作用，因为我不知道任何 div 的宽度，直到内容在运行时通过 ajax 调用呈现。我有类似的东西

假设下面的伪代码在语法上是正确的。

<div id="parent">
    <div id="child1"> Lots of contents </div>
    <div id="child2"> Lots of contents </div>
</div>

#parent {
    overflow: auto;
    max-width: 600px;
}
#child1 , #child2 {
    display: inline-block;
    max-width: 300px;
}
4

2 回答 2

4

您可以将溢出-x 设置为隐藏，溢出-y 设置为自动。这将为您提供垂直滚动而无需水平滚动。

#parent { overflow-x:hidden; overflow-y:auto; }
#child1, #child2 { overflow-x:hidden; overflow-y:auto; }
于 2013-10-26T02:08:16.077 回答
0

您正在尝试在child1andchild2元素上使用自闭合标签。这不会在大多数浏览器中正确呈现。虽然有些浏览器会用结束标签重写 DOM，但这并不是一个好的做法，因为这些浏览器只会在某些范围内重写（真正取决于包含元素的类型）。

这是带有自结束标签的代码：http: //jsfiddle.net/nMPwV/

这是带有结束标签的代码：http: //jsfiddle.net/nMPwV/1/

于 2013-10-26T02:15:50.593 回答