0

我在页面的主体标签上放置了overflow-x:hidden,这样任何超出窗口的内容都将不可见。没有滚动条出现,但是,我仍然可以向左/向右滚动来查看内容(有点违背了溢出-x的目的)。

-ms-overflow-x: 也不能解决问题。

有一个 900px 的包装器;

在包装器内部,有一个 div 里面:

width:100%;
padding-right:300px;
position:absolute;
left:200px;

我希望内部 div 悬在窗口的右侧而不使其滚动(并在其左侧留下 200px 的空间)。

有什么帮助吗?谢谢!

4

2 回答 2

0

更多的 HTML/CSS 会很有用,但考虑到你现在拥有的东西,我的第一个想法是你的包装器仍然设置为position: static(HTML 元素的默认值)。

如果添加position: relative到包装器中,它将包含绝对定位的元素,并应将其限制为溢出限制。

此外,您可能想了解该box-sizing属性以及 W3C 盒模型的工作原理。简而言之,您的 padding 增加了元素的宽度,因此它实际上是 (100% + 300px),这导致尺寸大于容器。

如果你不想弄乱box-sizing,你也可以添加max-width: 100%到你的绝对 div 以强制它不要从它的容器中长出来。

于 2012-12-04T15:36:44.633 回答
0

由于 div 的宽度是 100%,所以永远不会有溢出,因为 div 将始终适合 100% 的视口(假设您没有更改 body 标签的大小)。

至于内边距,内边距是在宽度之后添加的,所以你说 div 是它的容器(body 标签)宽度的 100%,而内边距是向右额外的 300px,这将是不可见,因为它在视口之外。

您可能想尝试给 div 一个明确的尺寸宽度并以这种方式进行试验。

查看您的标记示例也可能会有所帮助,以了解您要实现的目标。

于 2012-12-04T15:13:22.027 回答