css孩子比父母更宽，父母身高跟随孩子身高

Question

我有2个div：

＆＃13;

＆＃13;

<div class="parent">
  <div class="child">
  </div>
</div>


<p>content after parent</p>

＆＃13;

＆＃13;

＆＃13;

父宽度是固定的：60em

chlid应该与屏幕一样宽

如果我将孩子的css设置为如下，则父母不会考虑孩子的身高和父母滑过后的内容。

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

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

Answer 1

你说“父宽度是固定的：60em”如果你的意思是父母是固定位置而孩子是绝对位置那么就有你的问题。删除孩子的绝对位置，并按照你想要的方式定位父母。