В настоящее время у меня есть панель навигации, содержащая элементы div, а внутри них находится текст. К сожалению, когда браузер изменяет размеры, текст смещается, и в конечном итоге все они деформируются друг относительно друга.
Посмотрите на скрипт:
https://jsfiddle.net/6jvxLr4k/4/
html
Tupac Shakur
Yo!
About
GitHub
Contact
css
nav {
width: 100%;
position: fixed;
top: 0;
left: 0;
background-color: red;
display: inline-block;
}
#nameCont {
position:relative;
margin-left: 3%;
margin-right: 3%;
display: inline-block;
}
.link {
display: inline-block;
margin-right:5%;
}
#postOne {
position: absolute;
right:40%;
top:0;
}
#postTwo {
position: absolute;
right:20%;
top:0;
}
#postThree {
position: absolute;
right:10%;
top:0;
}
#postFour {
position: absolute;
right:0;
top:0;
}
Подробнее здесь: https://stackoverflow.com/questions/292 ... ser-resize