Использовал position: fixed; и всё съехало

Question

Использовал position: fixed; и всё съехало

Александр Корольков Ученик (229), на голосовании 2 месяца назад

Есть такой код:

html

css

 body {  
    margin: 0px;  
    padding: 0px;  
    display: flex; 
    justify-content: center; 
    font-family: sans-serif, serif; 
    font-size: 20px; 
}  
 
.grid {  
    width: 100vw;  
    height: 100vh;  
    margin-right: 50px;  
    margin-left: 50px;  
}  
 
.header_container { 
    height: 70px; 
    width: 100%; 
    display: flex;  
    justify-content: space-between; 
    align-items: center; 
}

.application_info { 
    display: flex; 
    align-items: center; 
}

 
.header_text_button_center a { 
    margin: 0 10px; 
    position: relative; 
}

.header_text_button_center img { 
    height: 25px; 
    width: 25px; 
} 
 
   
.header_text_button_right img { 
    height: 25px; 
    width: 25px; 
    margin-left: 10px;  
}
И остальной не такой важный код... (а может и важный)

Без position: fixed; это выглядит так.

А если добавить position: fixed; то оно съезжает и выглядит так.

(Помогите пожалуйста)

Дополнен 3 месяца назад

position: fixed; мне нужен для header_container

У меня больше нет комментариев на сегодня, если не сложно, то можете пожалуйста общаться там, вот мой тг @sashaaaaaaa0_0

Answer 1

Лайт Ягами Искусственный Интеллект (309457) 3 месяца назад

Куда именно добавляете position: fixed?

⚠Оракул (50099) 3 месяца назад

 можно
сдвинуть
margin
или
top
а 
может даже
padding

Answer 2

AaacoB Aaac Мудрец (14157) 3 месяца назад

не используй!

Answer 3

position fixed выбивает элемент из потока документа и позиционирует его относительно окна браузера. нужно отцентровать его left: 0, top: 0.