3-6作业

您好，老师，3-6作业题的代码，我的显示效果怎么和问题中的截图显示不一样呢，第二个P好像没有高度

源自：盒子模型 3-9 哪些元素可设置width和height属性

收起

3回答

卡布琦诺回答被采纳获得+3积分 2018-01-07 11:23:10

希望可以帮到你~

提问者 Brucexu2018 2018-01-05 23:09:45

Sorry，粘贴失败了

<!DOCTYPE html>

<html>

<head>

<title>Document</title>

.outer{

width:600px;

height:600px;

background:pink;

}

.p1,.p2,.p3{background:yellow;}

.p1{width:30%;height:30%;}

.p2{max-width:180px;max-height:180px;}

.p3{min-height:200px;max-width:300px;}

</style>

</head>

<body>

<p class="p1">第一个P标签是父元素宽、高的30%</p>

<p class="p2">第二个P标签的最大宽度是父元素的30%，最大高度是父元素的30%</p>

<p class="p3">第三个P标签的最小高度是200px，最大宽度是300px</p>

</div>

</body>

</html>

怎么都被占用了呢 2018-01-05 10:00:11

将你自己的代码完整的放上来吧，方便帮你找问题。

提问者 Brucexu2018 #1

Sorry，粘贴失败了 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .outer{ width:600px; height:600px; background:pink; } .p1,.p2,.p3{background:yellow;} .p1{width:30%;height:30%;} .p2{max-width:180px;max-height:180px;} .p3{min-height:200px;max-width:300px;} </style> </head> <body> <div class="outer"> <p class="p1">第一个P标签是父元素宽、高的30%</p> <p class="p2">第二个P标签的最大宽度是父元素的30%，最大高度是父元素的30%</p> <p class="p3">第三个P标签的最小高度是200px，最大宽度是300px</p> </div> </body> </html>

2018-01-05 23:10:05