volgende testcase:
de parent heeft een min-width geset, dit impiceert dus een minimale breedte, bovendien issie gefloat, wat zou inhouden dat ie zonder die min-width zo smal mogelijk zou moeten worden.
De child erin heeft alleen een hoogte en zou dus de hele breedte van de parent moeten vullen
dit werkt niet, als een hoogte wordt aangegeven in de child, wordt de breedte zo smal mogelijk
eisen hiervoor zijn
- een parent die gefloat is of absoluut gepositioneerd
- een parent die geen width expliciet heeft geset, maar wel een min-width
- een child met een expliciete hoogte
op te lossen door
- child ook een breedte te geven
- child geen hoogte te geven
- parent een breedte te geven
had hem nog niet eerder gezien, vandaar dat ik 'm maar even post
HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
| <!doctype html> <style type="text/css"> #parent { border: 1px solid black; float: left; min-width: 595px; } #child { border: 1px dotted black; height: 50px; } </style> <div id="parent"> <div id="child">something </div> </div> |
de parent heeft een min-width geset, dit impiceert dus een minimale breedte, bovendien issie gefloat, wat zou inhouden dat ie zonder die min-width zo smal mogelijk zou moeten worden.
De child erin heeft alleen een hoogte en zou dus de hele breedte van de parent moeten vullen
dit werkt niet, als een hoogte wordt aangegeven in de child, wordt de breedte zo smal mogelijk
eisen hiervoor zijn
- een parent die gefloat is of absoluut gepositioneerd
- een parent die geen width expliciet heeft geset, maar wel een min-width
- een child met een expliciete hoogte
op te lossen door
- child ook een breedte te geven
- child geen hoogte te geven
- parent een breedte te geven
had hem nog niet eerder gezien, vandaar dat ik 'm maar even post
[ Voor 5% gewijzigd door Verwijderd op 14-12-2007 14:14 ]
:strip_exif()/u/3333/pumpkin_avatar.gif?f=community){kind=avatar}
:strip_icc():strip_exif()/u/25938/lekkerkontje.jpg?f=community)
