This causes issues where following elements may not correctly clear the
element in question. However, most modern browsers don??™t experience this issue.
Internet Explorer for Windows versions up to and including 7 don??™t support the
value inherit.
205 Box Properties
margin-bottom
margin-bottom: { length | percentage | auto |
inherit } ;
SPEC
version initial inherited
CSS1 0 NO
BROWSER SUPPORT
Op9.2+ Saf1.3+ FF1+ IE5.5+
FULL FULL FULL BUGGY
Box Properties
This property defines the vertical
distance from the bottom border edge
of the element concerned to the edge of
its containing block, or the element
that??™s vertically adjacent underneath.
Its effect is also dependent on other
factors, such as the presence of
collapsing margins on vertically
adjacent elements.
Note that, unlike margin-top, an element??™s bottom margin will repel a floated
element that??™s beneath it, because floats take their vertical positions from their
current positions in the normal flow.
Example
This style rule assigns a margin of 20 pixels
to the bottom of paragraphs within the
element with ID "example":
#example p {
margin-bottom: 20px;
}
Refer to the sections on the CSS box model (p.
Pages:
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313