Можно ли отобразить пустой ‹div style=width:50%› ‹/div› с помощью CSS в xHTML strict 1.0 без установки ширины и высоты в пикселях?

Можно ли отображать пустой <div style="width:50%"> </div> с помощью CSS в xHTML strict 1.0 без установки ширины и высоты в абсолютных значениях и без добавления &nbsp; внутри? Цели: IE7-8, FF 3.x.

Могу ли я каким-то образом отобразить пустой div, если я хочу, чтобы он получил ширину 50% и переменную высоту?


person Artem    schedule 24.10.2009    source источник
comment
В браузере, совместимом со стандартами, пустой элемент div без отступов по вертикали имеет нулевую высоту. Что вы ожидаете отрисовать?   -  person Alohci    schedule 24.10.2009
comment
Я ожидаю, что перед следующим float:left; будет отображено 50% пустого пространства; дисплей: встроенный; элемент   -  person Artem    schedule 27.10.2009


Ответы (4)


Добавьте немного отступа к DIV, чтобы даже если между открывающим и закрывающим тегами не было абсолютно ничего, вы все равно что-то видели.

<div style="width:50%; padding:10px;"></div>
person random    schedule 24.10.2009

Лично я бы выбрал <div style="min-height:1px;width:50%"></div>. Таким образом, любые непустые элементы div не получат нежелательного заполнения, как в другом ответе.

Очевидно, в отдельном файле CSS это будет div { min-height:1px; width:50% }

person Christopher Causer    schedule 12.01.2012
comment
ИМХО это лучшее решение для xbrowser - person htmlr; 03.10.2013

Или дайте ему один неразрывный пробел ()

person tahdhaze09    schedule 26.10.2009
comment
Я должен был сделать это строчными буквами - person Keith Smiley; 08.07.2013

Мой опыт:

В дополнение к тому, что ответил пользователь «случайно», мне нужно добавить пробел (), чтобы он работал. Надеюсь, это поможет!

    <div style="width:50%; padding:10px;">&nbsp;</div>
person Sonny Ng    schedule 04.10.2013