CSS 子项比父项宽，父项高度跟随子项高度

Question

我有 2 个div：

<div class="parent">
  <div class="child">
  </div>
</div>
<p>content after parent</p>

父宽度固定：60em

乳罩应与屏幕一样宽

如果我像下面这样设置孩子的 CSS，则父级不会占用孩子的身高，并且父级向上滑动后的内容。

position:absolute;
width:100%;
left:0;

在 css 中有什么方法可以解决这个问题还是我应该使用 js？

Answer 1

你说"父宽度是固定的：60em"，如果你的意思是父级是固定位置，而子级是绝对位置，那么就有你的问题了。 删除子项的绝对位置，并根据需要放置父项。