Как правильно вставить header?

182
18 декабря 2021, 10:10

Есть хедер, и контейнер, хедер во всю ширину контейнера, как сделать чтобы он был над бекграундом нижнего блока, пишу position: absolute, флексы и ширина сбиваются

Answer 1

position: absolute header ставь. а контенеру position: relative; если ты хочешь таким способом

Answer 2

body { 
  margin: 0; 
  padding: 0; 
} 
 
.header { 
  position: fixed; 
  top: 0; 
  left: 0; 
  right: 0; 
  height: 50px; 
  width: 100%; 
  background-color: red; 
} 
 
.contanier { 
  width: 100%; 
  height: 900px; 
  background-color: chocolate; 
  padding-top: 60px; 
}
<div class="header">Хедер</div> 
<div class="contanier">Контейнер</div>

READ ALSO
Помощь с применением focus для input в css
CSS

Помощь с применением focus для input в css

Как задать focus так, чтобы при нажатии на поле для ввода Name, Email или Message текст заглушка исчезалТо бишь, чтобы focus сработал на текст заглушку и присвоил...

 177
Проблема со сохранением изменений в текстовый файл
c++

Проблема со сохранением изменений в текстовый файл

Было задание, условие которого отредактировать текст, данный в текстовом документе, отредактированный текст сохранить в этот же документТак...

 233
Почему функция не прекращает работу по return [закрыт]
c++

Почему функция не прекращает работу по return [закрыт]

Хотите улучшить этот вопрос? Обновите вопрос так, чтобы он вписывался в тематику Stack Overflow на русском

 91
Почему после некоторой операции одна из веток узла ссылается на саму себя?
c++

Почему после некоторой операции одна из веток узла ссылается на саму себя?

Cтруктура node имеет в своих полях указатели на node

 92