используя css, как мне установить пролет поверх других пролетов. У меня есть несколько пролетов на странице и в конце страницы, у меня есть этотCSS проблема высота сверху
<span id="lastSpan" style=" margin-left:726px; margin-top:30px;"></span>
проблема в том, что он никогда не идет на 30px вниз от верхней части. и застрял на той же высоте.
любая помощь будет оценена благодаря
Пробеги - inline элементы и не придерживаются margin сверху и снизу. Вам нужно установить значение display: inline-block, если вы хотите, чтобы маржа работала.
пролеты являются встроенные элементы. вы не можете применять к ним поля. используйте div, если вам нужен общий контейнер с полями/высотой.
Встраиваемые элементы нельзя стилизовать так же, как элементы блока. Во-первых, они (полностью?) Не реагируют на команды полей и высоты. Решение состоит в том, чтобы добавить display: block; к вашему стилю, чтобы форматировать стили блоков.
В связанной заметке семантически, 'span' является встроенным контейнером catch, а' div' является контейнером блокировки. В этой ситуации я бы использовал 'div', который по умолчанию блокирует стилизацию. * Отказ от ответственности: * это философия, которая варьируется между кодировщиками, и для каждого человека с моей философией вы найдете человека, который говорит, что 'span' более уместен в этой ситуации. –
span wont accept margin propertiesies, потому что это встроенный элемент. Вы можете изменить его на блокирующий элемент по показам: block, float: left/right или position: absolute
Это может быть капитан pædantry на помощь, но эта прослойка имеет встроенный уровень, не имеет к этому никакого отношения. Тот факт, что большинство (всех) браузеров в стиле дома неявно устанавливает свойство span на display:inline, если автор или пользователь явно не отменяют это. Насколько я знаю, W3C не определяет, каков домашний стиль браузеров, но они дают некоторые указатели на интероперабельность.
Конечно, это может быть не так важно, но на самом деле есть места, где браузеры не выбирают свои стили все равно. Примечательно, что Safari и Chrome не помещают пунктирную границу под abbr по умолчанию, пока Firefox и IE делают. Кроме того, некоторые абзацы пространства браузера используют margin-top:1em;, в то время как другие используют margin-bttom:1em, в большинстве случаев это не имеет значения, но есть случаи, когда явное определение того, какое из двух, которое вы хотите на своем сайте, действительно необходимо для последовательного просмотра.
Обратите внимание: 'inline-block' имеет [пятнистый] (http://www.quirksmode.org/css/display.html) прием через IE. –
Да, но в качестве ссылки вы указали заметки: «IE 6/7 принимает значение [' inline-block'] только для элементов с естественным отображением: inline. ", Что делает' span', поэтому не должно быть вопрос использования здесь. – ScottS