Многопозиционные селекторы в CSS

Question

Многопозиционные селекторы в CSS

0

У меня есть несколько Div, которые я использую в качестве кнопок. Если я установил postition в relative, я могу использовать float left, чтобы поместить их все в одну строку рядом с eachother. Они также отображаются в верхней части родительского div. Я хочу, чтобы кнопки отображались в нижней части родительского div. Можно ли дать два значения позиции элемента, как в

position: relative;
float: left;

а также

position: absolute;
bottom: 0;

У меня такое чувство, что это какая-то логическая ошибка, и я не уверен, как это сделать.

Michael LeVan 09 нояб. 2013, в 10:49

Источник

0

Нет, вы не можете использовать две позиции одновременно в одном CSS, он будет перезаписывать друг друга
Just code 09 нояб. 2013, в 09:03

Теги:

html

css

2 ответа

Ещё вопросы

Нет, вы не можете использовать две позиции одновременно в одном CSS, он будет перезаписывать друг друга

Igor Benikov · Answer 1 · 2013-11-09T07-57-00.000Z

просто поместите их в обертку

<style>div.buttons{position:absolute;bottom:0;}</style>
<div class="buttons">...</div>

Ravi Hamsa · Answer 2 · 2013-11-09T06-17-00.000Z

если float является проблемой, используйте display: inline-block; для позиционирования добавить position:relative родительского div и использовать position:absolute для дочерних div.

Обратите внимание, что с встроенным блоком отображения вам нужно дополнительно взломать IE7 *display:inline (если вы все еще поддерживаете его), и если вы видите белые кнопки btw пробела, см.