容器内多个元素的长宽是根据什么来界定的？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>元素的宽度</title>
<style type="text/css">
<!--
p{background-color:yellow;height:200px;}
div{
height:600px;
width:600px;
background-color:pink;
}
.p1{
height:30%;
width:30%;
}
.p2{
max-height:30%;
max-width:30%;
}
.p3{
min-height:200px;
max-width:300px;
}
-->
</style>
</head>
<body>
<div>
<p class="p1">第一个P标签是父元素宽、高的30%</p>
<p class="p2">第二个P标签的最大宽度是父元素的30%，最大高度是父元素的30%</p>
<p class="p3">第三个P标签的最小高度是200px，最大宽度是300px</p>
</div>
</body>
</html>为什么第三个段落元素的长宽查看元素之后是300*200?他的min-height不是200px吗？按照p段落的排布，为什么div还有40px宽度的空余？而不是都分配给p3？
14
收起
正在回答
2回答
你设置了p2最小高度为50px，那它只能显示50px，你想让他显示多少高度的时候你就要给他固定的高度，不然他要是随意显示的话，我们在网页中如何控制它呢？
相似问题
登录后可查看更多问答，登录/注册
前端小白入门系列课程
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36712 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星