tests: hasLayout block adjacant to floated block, by using min-width (IE 7).

float

Some text here; Layout=true (min-width)

float

Some text here; Layout=true (width)

float

Some text here; Layout=false

Relevant styles

.testgrid {min-width:100px}
.testgrid::after {content:"[.]"; display:block; clear:both; visibility:hidden; height:0;}

.testgrid p {margin:10px; background:#6c8}

.testgrid p.x1 {float:left; width: 100px; height:100px; background:url(bg.gif) repeat 10px 10px; border:2px solid #000;}
p.x2 {min-width:100px;}
p.x3 {width:80%;}

Notes

Last modified: September 26 2009 06:59:26 GMT.