感觉最后效果有问题，特别是第二个P标签（不是应该与第一个P标签长高一样吗？），又不知道哪里错了？

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>元素的宽度</title>

<style type="text/css">

/*补充样式*/

div{

height: 600px;

width: 900px;

background-color: pink;

}

p{background-color: yellow;}

.p1{

height: 30%;

width: 30%;

}

.p2{

max-width: 30%;

max-height: 30%;

}

.p3{

min-height: 50px;

max-height: 100px;

}

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

Mr_Ludan 2017-04-06

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

72

收起

2回答

精慕门6555066 2017-08-14 10:04:00

div和p标签没有继承关系，前两个百分比根据父元素大小变化而变化，最后一个具体数值是根据P元素本身而设置？

小于飞飞 2017-04-06 21:54:56

你好，经审核，将题目代码进行详细调整，这个题主要考核height和max-heigth\min-height ，添加 p{background-color:yellow;height:200px;}代码，在根据新的代码，试一试。感谢反馈问题，祝学习愉快。

bby365 #1

你好，我也是遇到了同样的问题，为什么要在p中加了height:200px？，

2017-04-15 10:41:05
小于飞飞回复 bby365 #2

你好，一个元素同时设置 height和max-heigth\min-height ，如何采取什么值。如没有height , 采取值与max-heigth\min-height 有关。

2017-04-15 15:06:17

相似问题

为什么我的段落标签不起作用

p标签里可以包含其他标签么？？？

关于<p>标签使用方法

想知道css设置第二个，第三个class是为什么？

nth-of-type不是指定类型,为什么用类选择器的时候,第一个选不出来

登录后可查看更多问答，登录/注册

前端小白入门系列课程

参与学习人
提交作业 11218 份
解答问题 36713 个

从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！

本课精华内容

问答作业

为什么我的没有框

5 45

表格的问题

377 41

大家好,body前面有一个红色的小××，麻烦大家帮我看看

378 40

到底是cellspacing还是cellpacing?

0 35

课间活动的表格怎么实现，想了很久也想不出来

60 30

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载