如何阻止绝对div从父母溢出?

时间:2012-01-05 11:57:58

标签: html css html5 layout

我父母内部有一个长div。

我认为它需要绝对定位,因为我想要水平滚动。

但是我只希望父div中的部分可见。我认为设置溢出:隐藏在父级上会实现这一点,但是没有这样的运气......

See this js fiddle for an example.

有谁知道如何获得这种效果?

由于

2 个答案:

答案 0 :(得分:6)

您应该将父(box1)设置为position:relative; 否则,box2将相对于body定位,并超出box1的流程。

Editted example

答案 1 :(得分:0)

您是否尝试使用滚动值作为溢出属性。

overflow:scroll;

也删除位置元素