为什么元素绝对位于体外,会导致水平滚动条?

时间:2016-11-25 16:27:31

标签: css position overflow absolute

来自W3C网站

  

在绝对定位模型中,框相对于其包含块明确偏移。 完全从正常流程中删除(对后来的兄弟姐妹没有影响)。

但是当我绝对定位一个元素并且它在视图外溢出时,它会创建一个水平滚动条。为什么?我理解规格错了吗?

有没有办法阻止此滚动条在身体元素上使用overflow-x: hidden;时显示?

1 个答案:

答案 0 :(得分:0)

根据您的目标,一个选项是使用带有overflow: hidden; width: 100%的绝对定位包装,然后定位您的元素(例如,在居中容器的每一侧包裹整个页面内容的阴影) em>这个包装。