CSS - потомок дочерний элемент обрезаются родительским элементом

Question

В this WordPress сайте, я пытаюсь получить:

<section id="content"> 

_{коробка с основным текстом}

Чтобы перекрывать верхнюю границу его родитель

<div id="container"> 

Когда я добавляю top:-200px в стиле секции, она отсекается на картинке выше. Единственный способ предотвратить отсечение редактировать предок <div id="wrapper"> путем удаления из него:

overflow-x: hidden 

Но это также снимает белый фон. Мне не нужно обрезать + да фон, но может получить только обрезку + фон или отсутствие обрезания + фона.

Вот мой сайт: http://biztest.netai.net

Если при входе в сайт поможет, я могу отправить вам информацию для входа.

Answer 1

Привет вы можете следовать этому пути:

• Установить top:-200px на участке.

• Снимите overflow-x:hidden на обертке.

Проблема АМСВО здесь:

Почему белый фон был удален?

Поскольку вы не используете clear метод после того, как поплавок раздел, то контейнер и обертка, кажется, height:0. Вы можете добавить это к вашему CSS после предыдущих модификаций:

#container:after { 
    content: " "; 
    display: block; 
    clear: both; 
} 

Скриншота после делать модификации с Разработчиком: