Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Проблемы с position (https://javascript.ru/forum/xhtml-html-css/78761-problemy-s-position.html)

ethereal 31.10.2019 21:34

Проблемы с position
 
Здравствуйте! Подскажите в чем ошибки.

Вот демо:
https://codepen.io/anakin-skywalker94/pen/WNNXJQo

1. Блок "scroll-link-area" позиционируется в правом нижнен углу на больших экран, все работает как надо... А вот на маленьком экране почему то блок растягивается, вот так:


2. Второй блок "element" не хочет менять позицию на "bottom".

Спасибо!

ksa 01.11.2019 07:44

Цитата:

Сообщение от ethereal
1. Блок "scroll-link-area" позиционируется в правом нижнен углу на больших экран, все работает как надо... А вот на маленьком экране почему то блок растягивается, вот так:

"Виной" всему
@media  (max-width: 1025px) { 
.scroll-link-area {
  left: 0;
  bottom: 0;
  height: auto;
}

ksa 01.11.2019 07:59

Цитата:

Сообщение от ethereal
2. Второй блок "element" не хочет менять позицию на "bottom".

Элемент с указанными размерами
width: 100px;
height: 100px;

Не в силах быть одновременно
top: 0

и
bottom: 0;


Часовой пояс GMT +3, время: 10:44.