Зазоры между элементами в режиме просмотреть код в Chrome

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

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

В обычном режиме при смене масштаба никаких красных зазоров между элементами q1 и q2 нет. Но почему эти зазоры появляются в режиме 'Просмотреть код' браузера Chrome при масштабах 75% 125% 150% 200% и др.?
(Без margin-left или с margin-left: 0px; всё работает без зазоров)

HTML5

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

CSS

* {
            margin: 0;
        }
        .panel {
            position: absolute;
            margin-left: 322px;
        }
        .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;
        }

@~~KingdaKa~~ · 18.09.2023, 16:29

У меня никакого зазора. Да и какая разница что там по F12?

P.S.: Хорошо бы скринами такие случаи снабжать.

@~~KingdaKa~~ Заблокирован
	18.09.2023, 16:29	2
	У меня никакого зазора. Да и какая разница что там по F12? P.S.: Хорошо бы скринами такие случаи снабжать. 0