图像忽略Div容器

Question

HTML：

<div>
    <img>
    <div>
    <table>...</table>
    </div>
</div>

CSS：

#img { 
position: absolute;
right: 0px;
}

两个div的大小与表格相同。
我希望图像浮在桌子的右上方 这导致img位于屏幕的右侧，而不是div。

Answer 1

您需要将position:relative;添加到包含的div中。另外，我建议不要使用表，除非你要显示表格数据，不应该用它们进行布局。

.container {
  position:relative;
  width:500px;
  height:500px;
  border:1px solid black;
}
.container img {
  position:absolute; /* absolute misspelled in your example */
  top:0;
  right:0;
}

<div class="container">
    <img src="http://placehold.it/250x250" />
    <div>
    <table></table>
    </div>
</div>

Answer 2

img忽略设置为width的{​​{1}}。将parent应用于width 本身。

另外，你拼错了“绝对”。