CSS проблема высоты сверху

Question

используя css, как мне поставить диапазон поверх других диапазонов.У меня есть несколько интервалов на странице, и в конце страницы у меня возникает проблема

<span id="lastSpan" style=" margin-left:726px; margin-top:30px;"></span>

, которая заключается в том, что она никогда не достигает 30px вниз от вершины.и застрял на той же высоте.

любая помощь будет оценена спасибо

Answer 1

Span являются inline элементами и не соответствуют margin сверху и снизу Вам нужно установить значение display: inline-block, если вы хотите, чтобы поле работало.

Answer 2

Встроенные элементы не могут быть стилизованы так же, как блочные элементы.С одной стороны, они (полностью?) Не реагируют на команды margin и height.Решение состоит в том, чтобы добавить display: block; к вашему стилю, чтобы заставить стили блока.

Answer 3

промежутки являются встроенными элементами.Вы не можете применять поля к ним.используйте div, если вам нужен универсальный контейнер с полями / высотой.

Answer 4

Это может быть капитан p'dantry для спасения, но то, что пролеты находятся на уровне линии, имеет мало общего с этим.Тот факт, что большинство (всех) таблиц стилей для домашнего браузера неявно устанавливает свойство span на display:inline, если только автор или пользователь явно не отвергает это, то делает.Насколько я знаю, W3C не определяет, каким должен быть домашний стиль браузеров, но они дают некоторые ориентиры для совместимости.

Конечно, это может быть не так актуально, но на самом деле естьв некоторых местах браузеры не выбирают свои стили одинаково.В частности, Safari и Chrome не ставят пунктирную границу под abbr по умолчанию, в отличие от Firefox и IE.Кроме того, некоторые браузеры размещают абзацы с помощью margin-top:1em;, в то время как другие используют margin-bttom:1em, в большинстве случаев это не имеет значения, но в некоторых случаях явно указывается, какой из двух элементов на вашем сайте необходим для согласованногосмотреть.

Answer 5

span не принимает свойства полей, потому что это встроенный элемент. Вы можете изменить его на блочный элемент, отображая: block, float: left / right или position: absolute