|
Значение, выраженное в процентах, зависит от размеров исходного блока элемента. Однако, в случае, если высота исходного блока не задана явно (например, когда высота определяется содержимым элемента), процентное значение определятся как auto.
1. | <!DOCTYPE html> |
2. | <HTML> |
3. | <HEAD> |
4. | <TITLE>Свойство min-height приоритетней свойства max-height</TITLE> |
5. | <STYLE type="text/css"> |
6. | div#main { |
7. | height:200px; |
8. | width:300px; |
9. | background:#ccc; |
10. | } |
11. | #div1 { |
12. | min-height:50%; |
13. | max-height:40%; |
14. | border:2px solid #EEE; |
15. | } |
16. | </STYLE> |
17. | </HEAD> |
18. | <BODY id="body"> |
19. | <DIV id="main"> |
20. | <DIV id="div1"> |
21. | <P id="p1"> Жизнь — это небольшая прогулка перед вечным сном. Ф. Г. Раневская. |
22. | </P> |
23. | </DIV> |
24. | </DIV> |
25. | </BODY> |
26. | </HTML> |
27. |