Как сделать так чтобы объект не влиял на другие html css?

Question

[Николай Шиленко]

Незнаю как загуглить, как сделать так что бы при изменение любого объекта он никак не влиял на другие? тоесть допустим прописываем при наведении padding-bottom и другие объекты ниже не съехали вниз?

Comments

[Rustam Bainazarov]

Такого не бывает. Это делают либо на костылях, либо теми способами, которые выносят элемент из потока вёрстки, либо на JS, чтобы нивелировать все последствия (где-то сдвинули вниз, а где-то одновременно сдвинули наверх и т. п.).

Простого способа нет. Как нет никаких свойств, которые просто так и без последствий отключили бы влияние потока вёрстки и боксовой модели.

[Дмитрий]

Смотри в гугле box-sizing: border-box;
https://www.w3schools.com/css/css3_box-sizing.asp

[Ankhena]

Дмитрий, какая разница, тогда придется увеличить высоту и выйдет тоже самое, вид сбоку.

Answer 1

[drevitsky]

btn:hover{transform: scale(n)}
https://codepen.io/vsewolod-drewickij/pen/VwYadMq

Answer 2

[Vaultboy84]

Скорее всего вы пытаетесь изобрести какой то неправильный велосипед для решения своей задачи. Так можно поступать только с элементами у которых position: absolute; или position: fixed; тоесть которые не зависят от других элементов.

Comments

[Николай Шиленко]

Не, просто я на каком-то сайте видел как кнопка увеличивалась, она даже заступила за другие элементы, но они не сдвинулись.

[drevitsky]

btn:hover{transform: scale(n)}

[Vaultboy84]

drevitsky, только это же растянет все и содержимое контейнера.

[drevitsky]

https://codepen.io/vsewolod-drewickij/pen/VwYadMq

[Vaultboy84]

drevitsky, ну так внутри увеличиваемого элемента все увеличивается, шрифты например.

Answer 3

[Николай]

position: absolute; position: sticky;

Answer 4

[mr-troll]

Ну, компенсировать через margin...
Делаешь по наведению padding-bottom:50px делай и margin-bottom:-50px

Comments

[Jloa]

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

Answer 5

[Иван Фролов]

Что-то мне подсказывает, что речь может идти про свойство outline

Answer 6

[Владимир Мальцев]

box-sizing:border-box; и элемент с padding не будет менять внешние рамеры при изменении отступа

Comments

[Vaultboy84]

Только топик стартер пишет то не про padding, а про изменение обьекта я так понял, что имеется ввиду не только отступы.

Answer 7

[Дмитрий Чайников]

Если разместить объекты в разных слоях (z-index), то не будет зависимости их друг от друга