Проблемы с высотой и переполнением корпуса и Div

Question

Я работаю над проектом с использованием рамки Vue.js 2.0 и немного Bootstrap 3. Этот проект потребовал от меня больше работать над интерфейсом, чем обычно я использую для поэтому мне было интересно, может ли кто-нибудь здесь дать мне некоторое полезное представление о некоторых проблемах CSS, которые, как мне кажется, есть.

Проект можно найти здесь: http://rgmotorhomehire.com/project

Если вы даете источник на быстрый осмотр, вы, вероятно, заметите, что элемент тела только высота навигационной панели, и что контейнер DIV для моей различных " Страницы 'фактически полностью вне элемента родительского тела.

Главное, что я хотел бы знать:

• Как я могу заставить тело 100% высоты с помощью CSS, так что он заворачивает его дочерние элементы должным образом, и тогда я могу добавить Нижний колонтитул HTML.

Пожалуйста, обратите внимание, что я уже пробовал:

html, 
body { 
    margin: 0; 
    height: 100%; 
} 

Однако, если вы попытаетесь это сделать для себя в инспекторе, вы заметите это, то вводит новый выпуск HTML элемента теперь есть пустой под ним.

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

Примечание: Я хотел бы извиниться заранее за любую бессмысленную информацию, содержащую эту запись (включая эту заметку), у меня были жалобы в прошлом о том, что мои вопросы не были достаточно прямыми, но я пробовал свои Лучше быть предельно ясным и лаконичным, спасибо.

UPDATE: Буквально сразу после этого сообщения я обнаружил, что решение состоит в том, чтобы использовать clearfix на моих обертках divs, так как они имели ошибку 0 высоты. Возможно, этот пост можно закрыть. Я нашел это решение здесь: http://www.jqui.net/tips-tricks/css-clearfix/

Answer 1

clearfix - это класс начальной загрузки. Он очищает все свойства float. это право или налево.

Если у вас есть div of call float left property.

для класса pull-right имеют свойство float right. Итак, для следующего div мы хотим очистить все свойства плавающей функции, которые вызывались раньше, поэтому мы вызываем clearfix, чтобы очистить все плавающее свойство. так что он работает нормально.