Позиционирование div в определенном фиксированном месте независимо от масштабирования и прокрутки

Question

У меня заголовок с фиксированным положением и внутри заголовка У меня есть ссылки на навигацию, но когда я увеличиваю масштаб ссылок браузера, вы выбрасываются из окна вправо. Как я могу сделать ссылки навигации фиксированными на 50px правильно, независимо от того, я увеличиваю или уменьшаю масштаб. jsfiddle here Я не хочу менять свойства заголовка.

.header { 
 
    width: 100%; 
 
    min-width: 500px; 
 
    position: fixed; 
 
    background: red; 
 
    height: 60px; 
 
} 
 
.navlinks { 
 
    float: right; 
 
    margin-right: 50px; 
 
    width: 30px; 
 
    margin-top: 4px; 
 
    height: 20px; 
 
    background: black; 
 
}

<div class="header">hello 
 
    <div class='navlinks'></div> 
 
</div>

Answer 1

Вы уже установили фиксированное положение заголовок width:100% так min-width:500px ненужно.

Удалите это и проблема будет решена.

.header { 
 
    width: 100%; 
 
    position: fixed; 
 
    background: red; 
 
    height: 60px; 
 
} 
 
.navlinks { 
 
    float: right; 
 
    margin-right: 50px; 
 
    width: 30px; 
 
    margin-top: 4px; 
 
    height: 20px; 
 
    background: black; 
 
}

<div class="header">hello 
 
    <div class='navlinks'></div> 
 
</div>

JSfiddle Demo