题目
下面这段代码在浏览器中渲染出来的div高度是多少
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
.heightTest {
height: 1000px;
min-height: 500px;
max-height: 300px;
}
</style>
</head>
<body>
<div class="heightTest"></div>
</body>
</html>A.1000px
B.500px
C.300px
D.浏览器报错，异常
解答
正确答案是 B
1、max-height和height一起使用时，取小值。
2、min-height和height一起使用时，取大值。
3、min-height、height和max-height一起使用时：
height > max-height > min-height，取max-height
height > min-height > manx-height ，取min-height
min-height > height > max-height ，取min-height
min-height > max-height > height，取min-height
max-height > height > min-height, 取 height
max-height > min-height > height, 取 min-height
不错，值得学习参考