Почему при масштабировании появляются отступы между блоками?

@best-verstalsch · Регистрация: 17.09.2023

Author24 — интернет-сервис помощи студентам

Почему между блоками q1 и q2 появляется отступ при масштабе страницы сайта 80% 90% 110% и др.? Никаких не целых значений при таких масштабах не получаются но отступ появляется.

HTML5

<div class="q">
                <div class="q1"></div>
                <div class="q2"></div>
            </div>

CSS

.q {
            position: absolute;
            width: 200px;
            height: 100px;
            z-index: 999;
            background-color: red;
        }
        .q1 {
            position: absolute;
            width: 100px;
            height: 100%;
            background-color: #151515;
            left: 0;
        }
        .q2 {
            position: absolute;
            width: 100px;
            height: 100%;
            background-color: #151515;
            right: 0;
        }

Как с этим бороться?

@NTHing · 17.09.2023, 12:02

Сообщение от best-verstalsch

появляется отступ

Скопировал ваш код. Никаких "отступов" не вижу...

@best-verstalsch · 17.09.2023, 13:41 **[ТС]**

Сам решил проблему!
У меня в коде был ещë родительский элемент с transform translate. Когда я заменил transform translate на margin всë заработало как надо.

А вообще, в каких случаях нужен transform translate, если он ломает систему при масштабировании? Хотелось бы узнать мнение экспертов.

@NTHing · 17.09.2023, 16:20

А вообще, в каких случаях нужен transform translate, если он ломает систему при масштабировании?

Во всех остальных случаях. )) Когда много чего есть это хорошо. Когда хочешь всё это съесть это плохо.

@NTHing 1757 / 912 / 373 Регистрация: 26.11.2014 Сообщений: 1,867 Записей в блоге: 1
	17.09.2023, 12:02	2
	Сообщение от best-verstalsch появляется отступ Скопировал ваш код. Никаких "отступов" не вижу... 1

@best-verstalsch 0 / 0 / 0 Регистрация: 17.09.2023 Сообщений: 8
	17.09.2023, 13:41 [ТС]	3
	Сам решил проблему! У меня в коде был ещë родительский элемент с `transform translate`. Когда я заменил `transform translate` на `margin` всë заработало как надо. А вообще, в каких случаях нужен `transform translate`, если он ломает систему при масштабировании? Хотелось бы узнать мнение экспертов. 0

@NTHing 1757 / 912 / 373 Регистрация: 26.11.2014 Сообщений: 1,867 Записей в блоге: 1
	17.09.2023, 16:20	4
	А вообще, в каких случаях нужен transform translate, если он ломает систему при масштабировании? Во всех остальных случаях. )) Когда много чего есть это хорошо. Когда хочешь всё это съесть это плохо. 1