CSS ребенка шире родителя и родителя высоты следует рост ребенка

Question

У меня есть 2 DIV:

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

 

 
<p>content after parent</p>

родительская ширина фикс: 60em

chlid должны иметь ширину экрана

Если я установил css для детей, как ниже родителя, он не принимает высоту ребенка, а содержимое после того, как родительский слайд.

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

Есть ли способ в CSS, чтобы решить эту проблему или я должен использовать JS?

Answer 1

Вы говорите, что «родительская ширина - это исправить: 60em», если вы имеете в виду, что родитель является фиксированным положением, а ребенок является абсолютным положением, тогда есть ваша проблема. удалите абсолютное положение ребенка и поместите родителя так, как вы хотите.