Fri, 16 Jan 2015 18:13:44 +0100
Integrate suggestion from review to improve consistency with existing code.
michael@0 | 1 | <!DOCTYPE html> |
michael@0 | 2 | <html> |
michael@0 | 3 | <head> |
michael@0 | 4 | <style type="text/css"> |
michael@0 | 5 | #abs { |
michael@0 | 6 | position: absolute; |
michael@0 | 7 | left: 20px; top: 20px; |
michael@0 | 8 | width: 100px; |
michael@0 | 9 | background-color: red; |
michael@0 | 10 | } |
michael@0 | 11 | #parent { |
michael@0 | 12 | margin-bottom: 100px; |
michael@0 | 13 | } |
michael@0 | 14 | #zero-height { |
michael@0 | 15 | margin-bottom: 100px; |
michael@0 | 16 | height: 0; |
michael@0 | 17 | } |
michael@0 | 18 | #child-of-zero-height { |
michael@0 | 19 | height: 100px; background: green; |
michael@0 | 20 | } |
michael@0 | 21 | </style> |
michael@0 | 22 | </head> |
michael@0 | 23 | <body> |
michael@0 | 24 | <div id="abs"> |
michael@0 | 25 | <div id="parent"> |
michael@0 | 26 | <div id="zero-height"> |
michael@0 | 27 | <div id="child-of-zero-height"></div> |
michael@0 | 28 | </div> |
michael@0 | 29 | </div> |
michael@0 | 30 | </div> |
michael@0 | 31 | </body> |
michael@0 | 32 | </html> |