css - 如何包含元素的宽度使其不溢出主体但可见?

标签 css scroll overflow horizontal-scrolling

我试图让元素的宽度大于主体的宽度,但不会导致水平滚动。

http://jsfiddle.net/hYRGT/

这有望在一定程度上说明我的问题。 #header 包含 #imghead 并设置为 960px 宽度。

我想要的是浏览器“认为”页面是 960 像素宽。 因为 #imghead 比 #header 更宽并且相对定位,所以它位于中心。

我无法使用背景图像,因为 #imghead 将被 Flash 组件取代。

我也无法使用 overflow:hidden 因为我确实希望元素显示在 960px 之外。我只是不希望它导致水平滚动。

我不想完全禁用水平滚动,我真的很喜欢 CSS 解决方案。但如果 javascript 是处理这个问题的唯一方法,我想它会做。

最佳答案

你不能绝对地相对于主体定位它,从左边 50%,然后在内部元素上做一个负的左边距,该边距是元素本身总宽度的一半,这将使它居中?

关于css - 如何包含元素的宽度使其不溢出主体但可见?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3669273/

相关文章:

css - 调整大小时将文本保留在 <DIV> 中

javascript - 水平滚动 DIV 内的语义 UI 下拉菜单

css - 如何在显示 :flex element 内设置 div 溢出属性

Chrome 中的 CSS 溢出滚动问题

javascript - IE 11 指针事件覆盖

css - 图像的透明度与框阴影不能很好地协同工作

html - Div 未与其他内容对齐但仍在包装器中

c# - 如何计算滚动条拇指的大小?

android - ListView :平滑滚动到底部

android - 如何在像谷歌加/谷歌报摊这样的滚动上为回收站设置动画?