However,
the paragraph will actually be 200 pixels high, as the percentage values used for
the vertical padding are based on the 600px width of the parent element, resulting
in values of 60px padding on the top and 60px padding on the bottom. The percentage
value used for height is based on the parent elements height, resulting in a value
of 80px, which results in a total height for the element of 200px (80 + 60 + 60).
In CSS2.1, if the containing block??™s width depends on an element with percentage
padding, the resulting layout is undefined.
Compatibility
Box Properties
Opera Safari Firefox Internet Explorer
9.2 3.0 2.0 1.3 2.0 1.5 1.0 7.0 6.0 5.5
Full Full Full Full Full Full Full Full Full Buggy
The Ultimate CSS Reference 220
Internet Explorer versions up to and including 5.5 (and IE6 and IE7 when in quirks
mode) incorrectly apply padding inside the stated width, thus reducing the space
available for content??”see The Internet Explorer 5 Box Model (p. 156).
Internet Explorer up to and including version 6 will often need a
position:relative; declaration added to inline elements in order to show the full
amount of vertical padding.
Pages:
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336