3-6作业

首页课程实战体系课手记专栏慕课教程

3-6作业

来源：3-9 哪些元素可设置width和height属性

Brucexu2018

2018-01-04 23:01:02

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

写回答

3回答

樱桃小胖子

2018-01-07

已采纳

希望可以帮到你~

hrucexu2018

h 谢谢，我应该是之前把原index删除了，谢谢

h018-01-07

共1条回复

Brucexu2018

提问者

2018-01-05

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

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

hrucexu2018

h 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>

h018-01-05

共1条回复

0 学习 · 36712 问题

查看课程

相似问题

3-17作业

回答 1

3-6作业题是这样写吧？

回答 2

3-17作业

回答 1

3-11作业

回答 1

4-3作业

回答 1

打开慕课网App查看更多内容