为什么要把DIV盒子的宽和高设置成600px才有效果？
来源：3-8 编程练习
weixin_慕后端7118097
2019-09-05 18:12:38
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>元素的宽度</title>
<style type="text/css">
p{background-color:yellow;height:200px;}
/*补充样式*/
div{
background-color:pink;
width:600px;
height:600px;
}
.p1{width:30%;height: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>
1回答
-
同学你好，
如果不把DIV的宽高设置成600px,div宽度会默认浏览器的宽，也就是宽度为100%显示，高度是被内容撑开的，因此子元素的宽度就是默认浏览器的宽度（浏览器的30%）。所以要给DIV设置固定的宽度和高度哈~
如果我的回答帮助了你，欢迎采纳，祝学习愉快~
0
相似问题