Прошу прощения за то, что вы не смогли создать много кода, иначе мое задание можно было бы определить как плагиат. После этого урока я смог создать липкий нижний колонтитул, когда у вас нет боковых панелей. Попытка сделать то же самое с 2-дивы -> «левой боковой панели» и «правой боковой панели» Я получил это: Хранение нижнего колонтитула на дне с двумя разделителями по бокам и основным содержимым
html,
body {
margin: 0;
padding: 0;
height: 100%;
}
#wrapper {
min-height: 100%;
position: relative;
}
header {
padding: 10px;
}
footer {
position: absolute;
left: 0;
bottom: 0;
height: 40px;
width: 100%;
text-align: center;
color: #fff;
background: #333;
}
#main-content {
position: absolute;
width: 60%;
margin-left: 15%;
padding-bottom: 40px;
/* Height of the footer */
}
#left-sidebar {
width: 15%;
position: absolute;
left: 0;
word-wrap: break-word;
padding-bottom: 40px;
}
#right-sidebar {
right: 0;
position: absolute;
width: 15%;
word-wrap: break-word;
padding-bottom: 40px;
}
<body>
<div id="wrapper">
<header>
</header>
<div id="left-sidebar">
</div>
<div id="main-content">
</div>
<div id="right-sidebar">
</div>
<footer>
</footer>
</div>
</body>
Мой метод основан на признании позиции обертка как относительный, а внутренние элементы - как абсолютные. Я знаю, что есть еще один метод, когда объявление позиции нижнего колонтитула относительно, а затем запись его вне оболочки. Если бы можно было предоставить оба решения, я был бы очень счастлив! Благодаря!
@I я изучает возможности, так что я пытаюсь решить эту проблему без «толчка» сОн
@What Я на самом деле хочу, чтобы достичь это макет
И я не хочу использовал фиксированное положение для нижнего колонтитула, потому что он будет придерживаться нижней части моего окна, а не «страницы»
Я просто не понимаю этих глупых ненавистников, ниспровергающих ни для чего, по крайней мере, вы могли бы комментировать и кричать!
Я запутался, что именно вы хотите в конце концов (это сноска должен содержаться на левой/правых боковые панелях ли они липкие? также, или они имеют отрезок высоты? и т. д.). Более точное описание или макет того, что вы хотите в конце, было бы более полезным для меня. В любом случае, в конце концов, я использовал бы «position: fixed» вместо абсолютного на липком нижнем колонтитуле, это место для начала. –
Да, извините, я знал, что что-то забуду. Я загрузил макет и аргументировал ваше предложение :) Надеюсь, вы понимаете! – Maxitj