css - 另一个 div 内的绝对 div 不占据绝对位置

Question

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

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

<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>

谢谢。

Answer 1

将“px”添加到顶部和左侧属性:

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