首页 > 试题广场 >

下面这段代码在浏览器中渲染出来的div高度是多少!DOCT

[单选题]
下面这段代码在浏览器中渲染出来的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>


  • 1000px
  • 500px
  • 300px
  • 浏览器报错，异常
查看正确选项
添加回答
能进外包就算成功头像 能进外包就算成功

1、min-height和height同时使用，谁大听谁的

2、max-height和height同时使用，虽小听谁的

3、height、min-heigth和max-height同时使用，分为以下情况

  • height > max-height > min-height 元素高度：max-height

  • height > min-height > max-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


发表于 2021-06-23 17:49:24 回复(0)
不完美的豹子头像 不完美的豹子
max-height和height一起使用时，取小值。min-height和height一起使用时，取大值。
三者一起使用时，当min值最小，谁在中间用谁，其余都是用min值。
发表于 2022-07-13 15:25:44 回复(0)
响亮亮的名字1头像 响亮亮的名字1
发生冲突的情况下，max-height会覆盖掉 height, min-height又会覆盖掉max-height
发表于 2021-08-17 14:23:10 回复(0)
习越学越多头像 习越学越多
这里是综合版
编辑于 2022-04-09 19:06:03 回复(0)
Mr.KLeo头像 Mr.KLeo
max-height和max-height同时使用，用min-height
发表于 2022-03-17 23:38:26 回复(0)
提交观点

问题信息

前端工程师 百度 2021
上传者：小小
难度：
5条回答 643浏览

热门推荐

相关试题

扫一扫，把题目装进口袋

求职之前，先上牛客

扫描二维码，进入QQ群

扫描二维码，关注牛客公众号