Перемещение контейнера перемещает нижний колонтитул

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

Вот как я сделал установить верхний и нижний запас:

<div id="footer"> 


      <div id="footer_content1">  
      </div> 
     </div>

Это CSS для колонтитула

#footer { 
    background-color: white; 
    width: 940px; 
    height:100px; 
    border-bottom: 2px solid black; 
    border-right: 2px solid black; 
    border-left: 2px solid black; 
    }

Вот CSS для контейнера:

#footer_content1 { 
    background-color: blue; 
    height: 50px; 
    width: 500px; 
    margin-top: 10px; 
    }

источник

2014-11-16 tHawx

Если вы имели в виду «пространство» между синим div и нижней границей, это значит, что у вас есть высота набора для id #footer, удалите его и проверьте результаты; теперь, если вы хотите, чтобы # footer_content1 всегда был на дне, ни малейшей высоты родителей, не указывайте его в своем вопросе – RGLSV

, это довольно неряшливо, но вы можете добавить строку «border-top: 1px solid transparent» на # footer: http://jsfiddle.net/1ksogryj/ – willi

Да, это сработало спасибо. – tHawx

сначала проверьте свой код: в css он говорит «# footer_content1», который не соответствует html id «footer_container1»

источник

2014-11-16 20:18:12 willi

Жаль, что это было изменено, но я совпадал код после его изменения. Однако это ничего не изменило. – tHawx

Это мог быть комментарий. –

Перемещение контейнера перемещает нижний колонтитул

ответ

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