老师帮我看下 是否正确
来源:3-8 编程练习
豆包侠
2021-07-21 15:25:06
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>元素的宽度</title>
<style type="text/css">
p{background-color:yellow;height:200px;}
div{height:600px; background-color:pink; width:600px;}
.p1{max-height:30%; max-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>
1回答
好帮手慕然然
2021-07-21
同学你好,代码实现效果没问题,不过第一个p标签建议直接设置宽高即可,不需要设置成最大宽和最大高,如图

祝学习愉快!
相似问题