关于本节3-6的疑问

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

关于本节3-6的疑问

来源：3-8 编程练习

新手_请多关照

2017-09-15 14:27:10

<!DOCTYPE html>

<html>

<head>

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

p{background-color:yellow;height:200px;}

/*补充样式*/

div{height:600px;width:600px;background-color:pink;}

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

.p2{max-width:30%;max-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>

这么写对吗？还有就是有个疑问，代码中已经给定的那一句 p{background-color:yellow;height:200px;} 然后又设置了div的高和宽，，那设置的p1、p2、p3的高和宽相对的父元素指的是p那里面的属性还是div的属性呢？

写回答

1回答

Miss路

2017-09-15

已采纳

你后面写的p1 p2 p3 的属性会覆盖之前的那一句，p{background-color:yellow;height:200px;} 这一句只是个初始化的作用，设置百分比都是相对于父元素来说的。你写的代码没有问题。

0 学习 · 36712 问题

相似问题

回答 1

回答 1

回答 3

回答 3

回答 1