麻烦老师看下代码是否正确?
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>元素的宽度</title>
<style type="text/css">
p{background-color:yellow;height:200px;}
/*补充样式*/
div{
background-color:pink;
width:600px;
height:600px;
}
.p1{
width:30%;
height:30%;
}
.p2{
max-width:30%;
min-height: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
相似问题
登录后可查看更多问答,登录/注册
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星