Html 框架的CSS定位问题

我想为整个.content div设置背景色：000。我为图像制作了一个框架，它完美地包裹了图像，但前提是框架的位置设置为绝对。在这种情况下。内容填写不正确

如果删除中属于.pic frame的position属性，.content div将被填充，但该帧看起来很奇怪。如何使框架看起来像第一小提琴中的框架，从而填充整个.content div？

位置：绝对将从流中删除您的元素。使用位置：相对或显示：内联块代替。pic帧：

位置：绝对将从流中删除您的元素。使用位置：相对或显示：内联块代替。pic帧：

---

尝试设置.pic帧的宽度。

---

尝试设置.pic帧的宽度。

---

或者您可以在pic.frame div中将width设置为200px，并从pic div中删除width和margin属性

.pic-frame {
    width: 200px;
    padding:12px;background-color: #DDD;
}
#pic {
   height:200px;
   background-color: #999;
}

---

或者可以在pic.frame div中将width设置为200px，并从pic div中删除width和margin属性

.pic-frame {
    width: 200px;
    padding:12px;background-color: #DDD;
}
#pic {
   height:200px;
   background-color: #999;
}

---

你可能应该纠正问题标题中的拼写。我不认为posiotoing是一个词，尽管我可能错了。你可能应该纠正你问题标题中的拼写。我不认为POSIOTING是一个词，尽管我可能是错的。@riwette:嗯，它确实有效。内容填写正确，不是吗；？开玩笑的是，您需要设置一个固定的宽度和高度，或者只需使用我在上面给出的第二个显示解决方案：inline-block。谢谢！显示：内联块很好solution@riwette：嗯，它确实有效。内容填写正确，是吗；？开玩笑的是，您需要设置一个固定的宽度和高度，或者只需使用我在上面给出的第二个显示解决方案：inline-block。谢谢！显示：内联块是很好的解决方案