3-6正确吗
来源：3-8 编程练习
世界补丁
2017-11-23 09:51:11
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>元素的宽度</title>
<style type="text/css">
p{background-color:yellow;height:200px;}
div{width: 600px;
height: 600px;
background-color: pink;}
.p1{max-height: 30%; max-width: 30%;}
.p2{max-width: 30%; max-width: 30%;}
.p3{min-width: 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>
<html>
<head>
<meta charset="UTF-8">
<title>元素的宽度</title>
<style type="text/css">
p{background-color:yellow;height:200px;}
div{width: 600px;
height: 600px;
background-color: pink;}
.p1{max-height: 30%; max-width: 30%;}
.p2{max-width: 30%; max-width: 30%;}
.p3{min-width: 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回答
-
好帮手慕糖
2017-11-23
你好，1、第一个P标签是父元素宽、高的30%，所以p1中设置.p1{height: 30%;width: 30%;}
2、第二个，一个是最大宽度一个是最大高度，但是你设置的都是宽度，应该为：.p2{max-width: 30%; max-height: 30%;}
3、第三个是最大高度时200px;但是你设置的都是宽度，应该是.p3{min-height: 200px; max-width: 300px;}
认真检查下代码哦。
祝学习愉快~
0
相似问题