Как сделать, чтобы пустой div не исчезал?

Question

[Илья]

У моего сайта такая структура:

<div class="wrap">
	<div class="space">&nbsp;</div>
	<div class="page">
		Основное содержание.
	</div>
	<div class="space">&nbsp;</div>
</div>

Два элемента <div class="space">&nbsp;</div> нужны для полей сайта (я знаю, что можно делать поля по-другому :-)

Если написать без конструкции &nbsp;, то есть вот так:

<div class="wrap">
	<div class="space"></div>
	<div class="page">
		Основное содержание.
	</div>
	<div class="space"></div>
</div>

— поля исчезнут.

Что сделать, чтобы поля не исчезали без &nbsp;, то есть при таком хтмле: <div class="space"></div>.

Comments

[marginBottom]

Какие поля, вы о чем? margin и padding вам на что?

Answer 1

[Aleksey Solovyev]

Ээээ...дайте им высоту и ширину фиксированную.

.space{
  height: 20px;
  width: 100%;
}

Comments

[Сергей delphinpro]

Подозреваю, что обычного в таких случаях min-height:1px будет достаточно

[Илья]

А нельзя как-то элегантнее? Может через :before, :after?

[Aleksey Solovyev]

Сергей, думаю, что обычно так никто не засоряют код. Можно через after\before сделать - это раз.
Да хоть border-bottom\top будут Вам 2 полосы. И еще пару тройку способов можно придумать без этих 2 дивов....

[Сергей delphinpro]

Aleksey Solovyev, так я же не спорю, что выбранный метод не лучший )

[Aleksey Solovyev]

Сергей, https://jsfiddle.net/28uf0wrf/

ps https://jsfiddle.net/28uf0wrf/1/ - убрал absolute у родителя.

[Сергей delphinpro]

Aleksey Solovyev, думаю, речь всё-таки о боковых полях
https://jsfiddle.net/28uf0wrf/2/

[Aleksey Solovyev]

Сергей, чего Вы засоряете код? мучаете все float % считаете? https://jsfiddle.net/28uf0wrf/3/
Ну или поменять у after\before значение ширины-высоты местами, прижать один к правому краю, а второй к левому.

[Сергей delphinpro]

Aleksey Solovyev, Алексей, вы умничка, я уже понял.