2015-09-16 5 views
2

Существует класс содержимого, в котором в нем есть классы классов. Один из них имеет плавающий по левому краю, а другой - поплавковый, как вы видели на изображении.Нижний колонтитул внизу

Я хочу нижний колонтитул в конце или конце моей страницы, т.е. после окончания 2-х классов.

enter image description here

CSS:

.footer 
{ 
    background-color:black; 
    width:100%; 
    height:25px; 
    margin-right:auto; 
    margin-left:auto; 
    color:white; 
    bottom:0px; 
    position:absolute; 
} 

Но это не работает. Если вы видите изображение, оно не внизу ... хотя bottom:0px? Есть какие-либо проблемы?

+1

Первый добавить Ясно: И; к вашему коду. Он удалит все поплавки, и ваш код будет двигаться вниз. – ankur140290

+0

Вы очистили поплавок после последнего плавающего элемента.? Здесь правая боковая панель - последний элемент. – CodeRomeos

+0

Извините, где я должен добавить? Я никогда не пользовался ясным, и я понятия не имею. – Wocugon

ответ

1

Добавить это до колонтитула DIV

<div style="clear:both;"></div> 

и удалить position: absolute из колонтитула CSS

+3

Очистка поплавка не повлияет на абсолютно расположенный нижний колонтитул. –

+1

Согласен с @Paulie_D. Здесь нет необходимости в абсолютной позиции. –

Смежные вопросы