使用绝对位置

Question

下面的HTML代码是我的HTML标记，我希望这个模板区域内的定位是绝对的。但是当我现在这样做时，从左上角开始定位，但我希望位置（左：0，上：0）是课程表的左上角。

是否可以这样做？

<div class="sheets" data-bind="foreach: pages"> 
    <div class="sheet"> 
     <div class="elements"> 
      <div data-bind="template: { name: 'image', foreach: Elements }"> 

      </div> 
     </div> 
    </div> 
</div> 

Answer 1

位置，你想让它使用别的东西比static，通常relative被抵消<div>。在你的情况下：

.sheets { 
    position: relative; 
} 

应该做的伎俩。

编辑：也许我误解了这个问题。将样式应用于.sheet或.elements可能更合适。

Answer 2

要使父元素中的元素相对于父元素绝对定位（例如0,0是父元素的左上角），您需要通过将父元素设置为position:relative;

如果你希望你的<div class="sheet">元素成为新的定位方面则做到这一点：

.sheet 
{ 
    position:relative; 
} 

这将实现你想要的。

编辑：了解更多信息，请参阅这篇article on the differences between CSS positioning values和absolute positioning inside relative positioning

Answer 3

使用相对位置类板材和位置绝对为它的孩子。

.sheet { 
position:relative; 
} 
.elements { 
position:absolute; 
top:0; 
left:0; 
}