Элементы, укладывая ненормальное поведение в CSS ⇐ CSS

[Anonymous]

Netflix

*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
body{
overflow-x:hidden ;
}
header {
position: absolute;
height: 15vh;
width: 100%;
z-index: 1;
}
.header-inner-container {
margin: 0 10vh;
height: 100%;
width: 100%;
}

header::before {
content: "";
height: 100px;
width: 100%;
background: linear-gradient(to bottom, rgba(0, 0, 0, 1), transparent);
position: absolute;
}
header * {
z-index: 100;
}

.logo {
width: 12vw;
}

.header-actions {
display: flex;
align-items: center;
}









English
हिन्दी


Sign In




< /code>
< /div>
< /div>
< /p>
Введите описание изображения здесь < /p>
У меня сомневаюсь в поведении элементов. Как вы можете видеть в изображении и коде, что есть заголовок и заголовок: перед тем, что поведет в качестве первого ребенка. Содержит элементы .logo и .Header-Actions. Я дал заголовок :: до позиции: абсолютно, следовательно, он должен явно выявлять весь. Гелдер-иннер-контейнер, но он только перекрывает элемент.>

Подробнее здесь: https://stackoverflow.com/questions/796 ... our-in-css