Преобразование div в диапазон с помощью CSS

У меня есть несколько div, которые делают немного слишком пространным между нижним колонтитулом и телом. Поэтому я хочу преобразовать один div в диапазон. Но когда я это делаю, он немного наполняет содержимое нижнего колонтитула.

Как я могу это сделать и сохранить стили, которые уже были определены для нижнего колонтитула?

Спасибо заранее!

Edit

div.footer {
width: 986px;
margin: 0 auto;
padding-bottom:18px;
border: 0;
text-align: left;
color:#000000;
}

Ответ 1

Как вы уже знаете, разница между <div> и a <span> заключается только в том, что по умолчанию используется значение display:block;, а другое - display:inline;. Чтобы сделать одно действие другим, просто настройте стиль отображения на другой тип.

Однако вы уже сказали, что попробовали это, и он не достиг эффекта, который вы искали. Существует еще одно свойство отображения, которое менее известно, но обеспечивает полупустой дом между ними:

display:inline-block;

Что он делает, это отображать его встроенным, но все же с блочными свойствами. (Как правило, тег <img> работает по умолчанию).

Может ли это быть ответ, который вы ищете?

Ответ 2

Чтобы преобразовать div в span, просто добавьте:

.myDiv
{
   display: inline;
}

Но я действительно не уверен, что это решение, которое вам нужно.

Ответ 3

Цитата:

есть два divs рядом с eachother, который создает разрыв hugh между телом и нижним ядром и нижний колонтитул

Решения:

Удалить пустой div из HTML
Удалите пустые div (ы), добавив display:none
Уменьшить height div (s)
Уменьшить margin или padding для div (ов)
Установите position:relative; top:-[yourownnumber]px в .footer

Ответ 4

Попробуйте добавить overflow:auto; к вашему диапазону. Также добавьте display:block;

Ответ 5

Если между нижним колонтитулом и телом есть слишком много места, вы посмотрели, какие поля и прокладки находятся на затронутых div? Что-то имеет высоту или минимальную высоту, которая делает часть содержимого в теле выше, чем естественный конец содержимого? Firebug - отличный инструмент для этого.

Div - элемент блока. Другие элементы блока - это абзацы, заголовки, списки и т.д. Span - это встроенный элемент. Другие встроенные элементы сильные, изображения, привязки и т.д. Вам все еще нужно, чтобы тело содержалось в блочном элементе.

Ответ 6

Как добавить это:

position:relative /*optional*/
float:left;
left:0px;

Я всегда делаю это, прежде чем я знаю, как использовать диапазон, когда я впервые изучу css, который я всегда делаю с содержимым элемента.