У меня возникли проблемы с расположением веб-сайта с заголовком, контентом, липким нижним колонтитулом и боковой панелью. Липкий нижний колонтитул, заголовок и комбинация контента не являются проблемой сами по себе, но я не могу на всю жизнь понять, как добавить боковую панель, идущую от заголовка вплоть до нижнего колонтитула, не испортив «липкость» нижний колонтитул.CSS - Липкий нижний колонтитул + Проблемы с боковой панелью
То, как я приближаюсь к нему, теперь включает в себя абсолютное позиционирование. Я в основном делаю заголовок div (height: 71px; top: 0px;), нижний колонтитул div (bottom: 0px; height: 30px;) и контент div (top:71px;bottom:30px;). Затем я плаваю боковую панель слева от содержимого div и делаю ее высотой 100% и добавляю еще один div (называем его «view») рядом с ним для фактического содержимого сайта. Это гарантирует, что боковая панель красиво снизу вверх, а нижний колонтитул обычно находится в нижней части страницы.
Однако при изменении размера окна возникают проблемы, особенно когда содержимое слишком велико для размещения в самом представлении div. Это приводит к тому, что нижний колонтитул отключает содержимое, а прокрутка вниз увеличивает нижний колонтитул в окне. Я хотел бы получить нижний колонтитул, который ведет себя как this, но также имеет боковую панель, которая ВСЕГДА простирается от заголовка до нижнего колонтитула страницы.
Если бы кто-нибудь мог подумать о том, как добавить такую боковую панель к странице, связанной выше, или есть идеи о том, как я могу заняться решением этой проблемы, было бы весьма полезно. Спасибо заранее.
Вы также можете посмотреть в фиксированное позиционирование. http://davidwalsh.name/css-fixed-position – jeremysawesome