步骤二 3-8 练习
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>元素的宽度</title>
<style type="text/css">
p{background-color:yellow;height:200px;}
.p1{width:30%;height:30%;}
.p2{max-width;30%max-height:30%;}
.p3{max-width:300px;min-height:200px;}
div{width:600px;height:600px;background:pink;}
</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
收起
正在回答
1回答
同学你好，第二个效果没有实现哦：
原因是你的样式里面，代码写错了哦：
希望我的回答能够帮助到你，望采纳，祝学习愉快！
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星