У меня есть следующая HTML-разметка, и я хочу, чтобы тег div меню всегда был на расстоянии 5 пикселей от нижней границы родительского контейнера.
Я могу вручную с помощью метода проб и ошибок позиционировать его, используя margin-top, но если бы мне пришлось изменить логотип или размер div, мне пришлось бы изменить это значение снова, используя метод проб и ошибок. Гораздо лучшим решением было бы сказать, всегда ли 5px от дна, вместо того, чтобы указывать, что это X пикселей сверху.
Почему это не работает?
<body>
<div id="header">
<img src="../../Content/images/cumaviLogo.png" alt="Cumavi.com - Compras y ventas online en Bolivia!" />
<ol id="topuserbar">
<li>Bienvenidos, <span class="userSalute">Sergio!</span></li>
<li><a href="#">Mis Anuncios</a></li>
<li><a href="#">Perfil</a></li>
<li><a href="#">Cerrar Sesion</a></li>
</ol>
</div>
<asp:ContentPlaceHolder ID="MainContent" runat="server" />
</body>
#header
{
background-image: url('images/headerBackground.png');
background-repeat:repeat;
width:auto;
}
#topuserbar
{
border: 1px solid red;
font-family:Georgia;
font-size:large;
float:right;
margin-top:45px;
}
#topuserbar ol
{
}
#topuserbar li
{
display:inline;
margin-left:10px;
color:#fff;
}