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

176
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

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

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

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

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

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

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

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

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

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

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

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

86