0

我使用 960 gs 进行布局,并且有两列 grid_7,每列都有前缀和后缀 1(使用 16 个网格)。

现在,我想在两列中一个接一个地放置两个图像。

这是我到目前为止所拥有的:http: //jsbin.com/ivajit/3 .. 它是编辑页面 - http://jsbin.com/ivajit/3/edit

(在编辑页面,你可以关闭js面板,因为我没有使用它,所以html/render页面清晰)

现在,我的光线与我的小提琴图像不完全对齐(或者是大提琴?没关系)

所以我在css中添加

left: 20px;

并且两个射线图像都落在浏览器的最左侧,如下所示:http: //jsbin.com/ivajit/2 .. 它是编辑页面 - http://jsbin.com/ivajit/2/edit

我认为绝对定位光线会使它相对于它的父级,所以它会回落到它的父级左侧的 20px .. 但显然情况并非如此..

而且我也尝试过其他职位,相对的,固定的..没有什么能按我想要的方式工作..

请问如何在每列中放置小提琴后面的光线?

4

1 回答 1

1

绝对定位某些东西会将其相对于页面进行绝对定位。解决您的问题的方法是使用 position:relative 将位置绝对元素包装在 div 中。

项目绝对位于此元素内,然后使用父级的位置作为其 0 点。

于 2012-05-23T16:24:19.197 回答