OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
2 <html> | |
esprehn
2014/07/07 18:15:53
ditto
| |
3 <style> | |
4 img {min-height: 100%; max-height: 50px;} | |
5 </style> | |
6 <p> The blue square should be 50px by 50px. This is because http://www.w3.or g/TR/CSS21/visudet.html#min-max-heights says: "If the height of the containing b lock is not specified explicitly | |
7 (i.e., it depends on content height), and this element is not absolute ly positioned, the percentage value is treated as '0' (for 'min-height')." </p> | |
8 <div> | |
9 <div id="child"><img id="image" src="resources/square-blue-100x100.png"> </div> | |
10 </div> | |
11 </body> | |
12 </html> | |
OLD | NEW |