3-4 編程練習正確嗎?
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>元素的宽度</title>
<style type="text/css">
div{width:600px;background-color:pink;}
.p1{max-width:50%;background-color:yellow;}
.p2{max-width:300%;background-color:yellow;}
.p3{min-width:70%;background-color:yellow;}
/*补充代码*/
</style>
</head>
<body>
<div>
<p class="p1">第一个P标签是父元素宽度的50%</p>
<p class="p2">第二个P标签的最大宽度是父元素的30%</p>
<p class="p3">第三个P标签的最小宽度是父元素的70%</p>
</div>
</body>
</html>效果做到,老師,但也不懂max-width和min-width的用法
2
收起
正在回答
1回答
你好同学，第二个p元素最大宽度应该是30%，同学多写了一个0 ，改一下哦。
另外，如果想要给一个元素限制一个最小宽度，就可以使用min-width。这样元素里面的内容多宽，元素就有多宽，即使没有内容，元素宽度不会小于你设置的最小宽度值。
max-width是限制最大宽度的，默认情况下也是被内容撑开宽度，但是内容超出最大宽度后，元素的宽度也是不会在发生改变了哦。
祝学习愉快，望采纳。
相似问题
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星