E-Books for you

If the div in our example simply had a width set
(one of the triggers that causes an element to gain a layout), we??™d get the result
shown in Figure 6.5, without the need to add padding or borders.
This is non-standard behavior for IE, and is perhaps one of the reasons why beginners
are a little confused by the concept of collapsing margins when they first come
across it. Most of the time, the elements will have a value (other than auto) for the
width property (or one of the other properties that causes an element to gain a
layout), and will not exhibit the collapsing margin behavior in IE.
The example above deals with a single parent and single child that have touching
margins, but the same approach would apply if there were several children (that is,
nested elements) that all had adjacent vertical margins: it would still mean that all
the margins would collapse into one single margin. Although the examples above
mentioned top margins, the same effect is true for bottom margins, as can be seen
below.


Pages:
210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234