Как выровнять содержимое div по низу
Этот поток дает то, что я считаю лучшим ответом, Doug Harrison (VC ++ MVP):
[Это предупреждение] испускается, когда вы используете не- dllexported класс X в dllexported классе Y. Что в этом плохого? Предположим, что Y имеет встроенную функцию y_f, которая вызывает функцию x_f, принадлежащую X, которая также не является встроенной. Если y_f встроен внутри некоторого клиента, который не статически связывает X, ссылка не будет выполнена, потому что x_f не будет найден.
blockquote>
3 ответа
Расположение Relative+absolute является Вашим лучшим выбором:
#header {
position: relative;
min-height: 150px;
}
#header-content {
position: absolute;
bottom: 0;
left: 0;
}
#header, #header * {
background: rgba(40, 40, 100, 0.25);
}<div id="header">
<h1>Title</h1>
<div id="header-content">Some content</div>
</div>, Но можно столкнуться с проблемами с этим. Когда я попробовал его, у меня были проблемы с выпадающими меню, появляющимися ниже содержания. Это просто не симпатично.
Честно, для вертикальных проблем центрирования и, ну, в общем, любыми проблемами выравнивания по вертикали с объектами не является зафиксированная высота, легче только использовать таблицы.
Пример: можно ли сделать эту HTML-разметку, не используя таблицы?
-
1Я был бы в состоянии использовать это для опроса обещаний? У меня есть набор сервисов, от которых я хотел бы опросить определенный метод. Вместо того, чтобы делать его ресурсом, я хотел бы просто опросить, например: MyService.someMethod () на равном интервале. Я мог сделать тайм-аут, но если бы я получаю Ошибку HTTP, которая была бы поймана в HTTPInterceptor, я хотел бы к паузе, опрашивающей, пока сервер назад не онлайн. – Patrick 15 April 2014 в 14:18
Расположение CSS использования:
/* Creates a new stacking context on the header */
#header {
position: relative;
}
/* Positions header-content at the bottom of header's context */
#header-content {
position: absolute;
bottom: 0;
}
Как cletus отметил , Вы должны определить содержание заголовка для создания этой работы.
<span id="header-content">some header content</span>
<div style="height:100%; position:relative;">
<div style="height:10%; position:absolute; bottom:0px;">bottom</div>
</div>
-
1
Я использую эти свойства, и оно работает!
#header {
display: table-cell;
vertical-align: bottom;
}