Ответственный макет и лимит/содержимое ловушки

Question

Я пытаюсь выяснить, как я могу управлять следующим с помощью CSS.

Я хочу, чтобы основной фрейм сайта мог ограничивать/захватывать весь контент внутри. Sicne я не закодированы пока ничего я покажу вам, с рисунком ..

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

Возможно ли уловить красную коробку внутри серого цвета? И делать это вообще с помощью div, например, и не нужно редактировать все «красные ящики», которые у вас могут быть?

Спасибо!

Answer 1

Попробуйте любую реагирующие рамки макета как Bootstrap Bootstrap

Один из примера для липкой сноски: Sticky Footer

Другого примера Sticky Navbar и Footer: StickyFooter-Navbar

JsFiddle Пример: JsFiddleCode

html, body { 
    height: 100%; 
} 

footer { 
    position: absolute; 
    bottom: 0; 
}