父元素在未设置宽度的情况下能由子元素撑开吗
来源：4-12 编程练习
慕函数1524670
2020-05-05 11:29:28
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#father{
width: 800px; float: left;
border-style: dashed;
border-color: grey;
}
#father>div{
float: left;
border-style: groove;
margin: 10px;
}
p{
text-align: center; margin: 0px;
}
</style>
</head>
<body>
<div id="father">
<div>
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"/>
<p>欢迎来到慕课网学习新知识</p>
</div>
<div>
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"/>
<p>欢迎来到慕课网学习新知识</p>
</div>
<div>
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg">
<p>欢迎来到慕课网学习新知识</p>
</div>
<div>
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"/>
<p>欢迎来到慕课网学习新知识</p>
</div>
<div>
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"/>
<p>欢迎来到慕课网学习新知识</p>
</div>
<div>
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg">
<p>欢迎来到慕课网学习新知识</p>
</div>
</div>
</body>
</html>
我把大的容器设置为800px， 如果不设置宽度，父元素的宽度是整个页面的宽度。
由什么办法可以让子元素撑开没有宽度的父元素吗？ 我这样写算不算过关呢
1回答
-
guly
2020-05-05
你好，要求是两行三列，可以增加div的宽度800改为 1200
子元素撑开父级元素可以使用以下两百种方法：
1、父级元素宽度不度固定，父级元素设置为inline-block或者添加回float；
2、对父级元素使用min-width，这样只限制了最小的宽度，如果子答元素变宽，父级同样会变宽；如果解决您的问题请采纳，祝学习愉快！
0
相似问题