Липкий нижний колонтитул Выпуск

Question

В некоторых изделиях я нашел липкий нижний колонтитул в соответствии с моей потребностью. но теперь один вопрос, с которым я сталкиваюсь. Когда я увеличиваю разрешение больше, чем мое нормальное разрешение, код работает нормально. но есть промежутки между div div контейнера и нижнего колонтитула. Здесь я также прикрепляю экран к тому, что я получаю и чего хочу.

В соответствии с изображением Я хочу придерживаться (A) и (B) вместе. поэтому вся часть представляется как сингл. Здесь также я добавляю код css. Из-за большого HTML и CSS-кода. Я не могу использовать JSfiddle. Я использую брандмауэр Twitter.

html { 
     position: relative; 
     min-height: 100%; 
    } 
    body { 
     margin: 0 0 100px; /* bottom = footer height */ 
    } 
    footer { 
     background: none repeat scroll 0 0 #FFFFFF; 
     border-left: 1px solid #E1E1E1; 
     border-right: 1px solid #E1E1E1; 
     border-bottom: 1px solid #E1E1E1; 
     position: absolute; 
     bottom: 0; 
     height: 100px; 
    } 

    #wrap { 
     min-height: 100%; 
     height: auto !important; 
     height: 100%; 
     margin: 0 auto -142px; 
    } 

Answer 1

Его Done, Я сделал это с помощью Jquery. здесь есть код Jquery

$(document).ready(function(){ 
     $('.contentpartbg').css({height:$(window).height()}); 
    }); 

Answer 2

Как я могу видеть на картинке есть 3 блока один черный ящик, а затем один красный ящик, а затем снова черный ящик.

Я могу предложить вам по C# и div. Попытайтесь получить концепцию здесь и реализовать ее в своем случае.

Предположим, у меня есть три div, как ваш случай. Если вы делаете divs один за другим, вам нужно следовать за свойством «float: left», чтобы, если нет места рядом с любым div, div будут отображаться один за другим. Это связано с тем, что div являются блочным элементом.

Опять же, это сработает, только если вы поместите все div в один контейнер/div с тем же свойством «float: left».

Давайте вернемся к вашей проблеме. Здесь, похоже, у вас есть 2 блока один за другим. Но когда вы увеличиваете масштаб красного контейнера, появляется много пробелов.

Я думаю, что красный контейнер может иметь некоторую высоту или может наследовать высоты родительского элемента. Проверьте это один раз. Если это не так, перейдите к свойству border и сделайте границу красного элемента равным 0px. И используйте свойство float: left во всех трех блоках, чтобы пространство не было унаследовано от других элементов блока. Было бы лучше, если бы вы могли разместить 3 блока в одном блоке с свойством float: left.

Надеюсь, что это сработает в вашем случае.

Благодаря