Я не могу разместить этот div внизу сайтаCSS

Разбираемся в CSS
Ответить
Anonymous
 Я не могу разместить этот div внизу сайта

Сообщение Anonymous »

У меня возникла проблема, которую я пытаюсь решить: я создаю веб-сайт и собирался разместить финальную часть сайта, используя div, но эта часть не может оставаться приклеенной внизу, независимо от того, какое редактирование кода я делаю.
следуйте коду моего сайта ниже:

Код: Выделить всё

@font-face {
font-family: Open-Sauce-One;
src: url("OpenSauceOne-Bold.ttf") format("truetype");
}

@font-face {
font-family: Archivo-Black;
src: url("ArchivoBlack-Regular.ttf") format("truetype");
}

body {
display: flex;
background-image: linear-gradient(to bottom, rgb(255, 255, 255), rgb(153, 153, 153));
height: 100vh;
}

div.Idrv2v {
position: relative;
left: 5%;
bottom: 15px;
width: 250px;
}

div.Edrv1v {
position: absolute;
background-color: #B4ADAD;
max-width: 100%;
width: 1366px;
height: 95px;
padding: 1px;
top: 0px;
left: 0px;
right: 0px;
}

#titlelogo {
font-family: Open-Sauce-One, "Comic Sans MS", sans-serif;
font-size: 35px;
color: #301111;
}

#subtitlelogo {
font-family: Archivo-Black, "Arial Black", sans-serif;
font-size: 18px;
position: relative;
bottom: 28px;
color: #302e2e;
}

.svgmenu_dev {
background-color: gray;
width: 1366px;
max-width: 100%;
position: absolute;
height: 90px;
bottom: 0;
right: 0px;
left: 0px
}

.svgmenu_dev #svgmenudev1 #svgmenudev2 {
font-family: Open-Sauce-One, "Comic Sans MS", sans-serif;
font-size: 10px;
position: absolute;
}

Код: Выделить всё





CoinCot








 CoinCot.com 
A simple and efficient quotes website.



[url=https://iconscout.com/icons/menu]Menu Icon[/url] by [url=https://iconscout.com/contributors/rengised]Alex Martynov[/url]





Я жду, что смогу решить эту проблему
Я попробовал изменить положение div, установил позицию как абсолютную, но не работает, я тоже установил позицию как относительную, стало еще хуже, потому что div остановился в верхней части страницы (и его необходимость остается внизу), я устанавливаю значения нижнего, левого и правого как 0 пикселей, но ничего, продолжает наводить курсор на нижнюю часть.

Подробнее здесь: https://stackoverflow.com/questions/753 ... ite-bottom
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»