Контейнер Div для перехода к краям страницы

Question

На моем wordpress Website Homepage Я вставил горизонтальную серо-полоску, содержащую ссылки в социальной сети. Я хочу, чтобы это коснулось краев страницы, изливающейся из тела, как я могу это достичь?

Это код, который я использовал;

.outer { 
float: left; 
width: 100%; 
height: 80px; 
background-color: #f8f8f8; 
position: relative; 
} 

Answer 1

Правило .outer - это не тот, который вам нужно будет настроить. В документе styles.css найдите правило, которое вы указали для .socialstrip. (Изменить . к #)

#socialstrip { 
     height: 80px; 
     background-color: #f8f8f8; 
     position: absolute; 
     left:0; 
    } 

Вам не нужно будет делать что-нибудь еще, потому что класс .outer, применяемый к нему уже дает ширину 100%. Имейте в виду, что когда вы укажете этому элементу положение «абсолютный», элемент ниже него не будет распознавать, что элемент #socialstrip находится над ним. Похоже, что он лежит поверх него. Чтобы исправить это, просто добавьте больше поля в начало элемента .bottomstrip. Пример:

.bottomstrip{ 
    margin-top: 200px; 
} 

Это должно дать вам то, что вы ищете.