Div не будет чистить поплавки

Question

У меня есть приложение, над которым я работаю здесь: http://nicheminer.co/niche-miner.html У меня проблема в том, что основной контейнер с классом .niche-miner не очистит поплавки, а вы можете видеть, что он переполнен остальной частью контента.

Я использовал этот CSS:

.clearfix:after { 
    content:""; 
    display: table; 
    clear: both; 
} 

и добавил класс в основной контейнер, но он все еще не ясно поплавки.

Это сводит меня с ума, но по какой-то причине я не могу получить основной контейнер, чтобы полностью обернуть содержимое с вкладками. Любая помощь приветствуется.

PS: извинения заранее за ужасные «важные» теги в CSS - необходимо поддерживать CSS после того, как это приложение будет сбрасываться со статической страницы в тему WordPress основного сайта.

Answer 1

position: absolute; 

в .tabs .tab-контента, вызывающих проблему.

Изменение его

position: relative; 

будет решать «ясный» вопрос, однако вы должны сделать необходимые корректировки CSS, чтобы сделать макет выглядит как прежде.

Answer 2

Правило .tabs .tab-content устанавливает position: absolute; на каждом .tab-content, таким образом вынимая их из потока документов.