另一个div中的绝对div不是绝对的位置

时间:2011-06-06 12:20:45

标签: css

我有以下div。一旦我得到正确的样式元素组合,样式元素就会被转移到样式表。

我试图让最后一个div相对于它所存在的div(“one”)具有绝对位置。但它正在下降到div“one”的底部,好像它是相对的。我做错了什么?

<div id="one" style = "position: relative; width: 900px; height: 250px;">
   <% (5 .. 14).each do |s| %>
      <div style="position: relative; margin-left: 150px;"><%= @name[s] %></div>
   <% end %>
   <div style = "position: absolute; top: 100; left: 10;">Top Six</div>
</div>

感谢。

2 个答案:

答案 0 :(得分:2)

将“px”添加到您的左上角和左侧属性中:

<div style = "position: absolute; top: 100px; left: 10px;">Top Six</div>

答案 1 :(得分:2)

  

我做错了什么?

您需要将px添加到lefttop媒体资源中。

看到这个类似的问题我回答了解释原因:
absolute positioning not working with XHTML?(特别是评论)