Вот упрощенная версия моей домашней странице:Фиксированный div, который остается в пределах его родительской ширины?
<div class="main">
<div class="content"> all the content of my website </div>
<div class="nav"> fixed on the screen and always visible </div>
</div>
А вот соответствующий CSS:
.main {
max-width: 500px;
height: 2000px;
margin: auto;
background-color: grey;
}
.nav {
width: 100px;
height: 100px;
background-color: blue;
position:fixed;
right: 0; /* that's the issue */
}
Я хотел бы фиксированный элемент, чтобы остаться в пределах его родителей (прикасаясь к правому краю своего родителя). Но сейчас это касается правой границы экрана.
Любая идея, как исправить это? Благодаря!
Просто используйте поплавок право вместо позиции? –
Но я хочу, чтобы div был исправлен, поэтому он всегда отображается на экране, даже когда я прокручиваю. – Thomas
вам понадобится немного javascript для этого и абсолютного позиционирования – Pete