2009-10-24 12 views
20

Czy można renderować puste <div style="width:50%"> </div> z CSS w XHTML strict 1.0 bez ustawiania szerokości i wysokości w wartościach bezwzględnych i nie dodając w środku &nbsp;? Cele to IE7-8, FF 3.xCzy można renderować puste <div style="width:50%"></div> z CSS w XHTML strict 1.0 bez ustawiania szerokości i wysokości w pikselach?

Czy mogę w jakiś sposób renderować puste div, jeśli chcę uzyskać 50% szerokości i wysokości zmiennej?

+2

W przeglądarce zgodnej ze standardami pusty div bez pionowego wypełnienia ma zerową wysokość. Czego można się spodziewać? – Alohci

+2

Spodziewam się, że będzie renderowane 50% pustej przestrzeni przed następnym float: left; display: inlide; element – Artem

Odpowiedz

24

Dodaj trochę wypełnienia do DIV, aby nawet jeśli między znacznikami otwierającymi i zamykającymi nie było absolutnie nic, nadal coś widzisz.

<div style="width:50%; padding:10px;"></div> 
6

Albo dać mu jedno miejsce nie niszczące (& nbsp;)

+0

Musiałem zrobić ten mały kod –

+1

rofl ... zawsze jest tam jeden aint keith :) – War

33

bym osobiście pójść do <div style="min-height:1px;width:50%"></div>. tamtędy nie pustym DIV nie będzie niechcianych dopełnienie jak w drugiej odpowiedzi.

Oczywiście, w osobnym pliku CSS byłoby div { min-height:1px; width:50%}

+1

IMHO to najlepsze rozwiązanie xbrowser – htmlr

2

doświadczenie:

W dodatku do tego, co użytkownik „random” odpowiedział, muszę dodać przestrzeń (& nbsp;), aby pracować Mam nadzieję, że to pomoże!

<div style="width:50%; padding:10px;">&nbsp;</div> 
Powiązane problemy