Изменить высоту боковой панели по длине страницы

Я строю интернет-магазин с левой боковой панелью, в которой есть своего рода панель навигации. Но фон (цвет Коричневый) должен заполнять всю левую сторону, но если моя страница длиннее, она закрывает не всю левую сторону.

Это мой CSS для фона:

.sidebar {
    z-index:            10;
    border-top:         2px #000000; 
    position:           absolute; 
    float:              left; 
    left:               0; 
    margin-top:         -5%; 
    padding-bottom:     -10px; 
    width:              15%; 
    min-height:         115%;
    max-height:         200%;
    background:         #C6A970;
}

У кого-нибудь есть идеи, как покрыть левую сторону моей веб-страницы?

Спасибо заранее!

Источник

2 ответа

Решение

В соответствии с информацией, которую вы дали, вы, вероятно, ищете что-то вроде этого:

скрипка

Предоставленный вами CSS уже показывает, что ваш код должен быть грязным, используя float а также position absolute вместе странно и ваш min-height а также max-height старше 100%,

Мы могли бы помочь немного лучше, если вы предоставите полный код.

Источник

Пожалуйста, попробуйте это:

Используйте этот CSS:

   .sidebar {
        z-index:            10;
        border-top:         2px #000000; 
        position:           absolute; 
        float:              left; 
        left:               0;
        bottom:             0; 
        margin-top:         -5%; 
        padding-bottom:     -10px; 
        width:              15%; 
        min-height:         100%;
        background:         #C6A970;
    }

или обратитесь к ссылке jsfiddle ниже:

https://jsfiddle.net/89f074ke/1/
Источник
Другие вопросы по тегам