将父级的高度设置为auto

时间:2016-02-27 15:56:38

标签: html css

据我所知,将height设置为auto会使父容器调整到里面子元素的高度。但是,默认情况下不是这样吗?请考虑以下示例:



#outer {
border: 3px solid red;
height: auto;
}
#inner {
border: 1px solid blue;
height: 300px;
}

<div id = 'outer'>
<div id = 'inner'> inner </div>
</div>
&#13;
&#13;
&#13;

使用或不使用height:auto,父div仍调整为子div的高度。在这种情况下,我们可以使用height:auto on?

1 个答案:

答案 0 :(得分:2)

如果我理解你的问题,你会问到使用身高有什么意义:自动?

默认情况下,div的高度为auto,这就是为什么即使你添加高度:auto也不是auto,它并没有任何区别。以下链接将帮助您更好地理解这一点。

CSS Height