Forum PHP.pl > [CSS] float wewnątrz diva z ustawionym width

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS] float wewnątrz diva z ustawionym width

colachips

11.01.2013, 17:46:06

Witam,

mam prosty kod:

[PHP] pobierz, plaintext 
<div style="width:100px">
	<div style="float: left;">&#155;</div>
	<div style="float: left; margin-left: 5px;">ASDASDASDASD ASDASDAS ASDASDASDASD ASDASD</div>
</div>
[PHP] pobierz, plaintext

Jednak to nie działa tak jak chcę, czyli te wewnętrzne divy nie układają się jeden obok drugiego a jeden pod drugim. Jeśli usunę width z diva nadrzędnego to jest ok. Co jest grane?

dominik52

11.01.2013, 17:59:38

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head> </head>
<body>
<div style="">
<div style="float: left;">›</div>
<div style="float: left; width: 100px; margin-left: 5px;">ASDASDASD ASDASD</div>
</div>
</body>
</html>
[HTML] pobierz, plaintext

colachips

11.01.2013, 18:56:27

Ale dlaczego tak się dzieje? Czy CSS jest za głupi żeby dostosować szerokość tego drugiego diva automatycznie?

gr56

11.01.2013, 20:04:33

Elementy blokowe(np div) domyślnie mają 100% szerokości tak więc nie ma możliwości aby zmieściły się 2 obok siebie bez ustawiania szerokości.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.