You are here
CSS 子元素宽度变宽时，如何撑开父元素？ 有大用
星期三, 2017-02-15 14:32 — adminshiping1
css - 如何让父元素自适应子元素的大小
代码如下
css - 如何让父元素自适应子元素的大小
css 父元素宽度自适应
最佳答案
希望子元素撑开父级元素可以使用以下两种方法： 1、父级元素宽度不固定，父级元素设置为inline-block或者添加float； 2、对父级元素使用min-width，这样只限制了最小的宽度，如果子元素变宽，父级同样会变宽；
代码如下
<html>
<head>
<style>
.box{background:blue;width:200px;height:400px;}
.children{background:green;width:300px;margin:20px;}
</style>
</head>
<body>
<div class="box">
<div class="children">11111111</div>
<div class="children">22222222</div>
</div>
</body>
</html>
结果如下：
有人说可以使父元素不指定宽度，但是
我是想父元素总比子元素大一点。
如果不指定宽度的话，父元素就太宽了。我想要的结果如下图：
不懂的，别来回答，谢谢！
<head>
<style>
.box{background:blue;width:200px;height:400px;}
.children{background:green;width:300px;margin:20px;}
</style>
</head>
<body>
<div class="box">
<div class="children">11111111</div>
<div class="children">22222222</div>
</div>
</body>
</html>
结果如下：
有人说可以使父元素不指定宽度，但是
我是想父元素总比子元素大一点。
如果不指定宽度的话，父元素就太宽了。我想要的结果如下图：
不懂的，别来回答，谢谢！
推荐于2016-05-16 16:20:39 最佳答案
希望子元素撑开父级元素可以使用以下两种方法： 1、父级元素宽度不固定，父级元素设置为inline-block或者添加float； 2、对父级元素使用min-width，这样只限制了最小的宽度，如果子元素变宽，父级同样会变宽； 来自 https://zhidao.baidu.com/question/2139169404001743068.html?qbl=relate_question_0&word=css%20%B8%B8%D4%AA%CB%D8%BF%ED%B6%C8%D7%D4%CA%CA%D3%A6
普通分类: