Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
overflow:hidden如何在下面的html css中帮助div增长?_Html_Css - Fatal编程技术网

overflow:hidden如何在下面的html css中帮助div增长?

overflow:hidden如何在下面的html css中帮助div增长?,html,css,Html,Css,在上面的结构中,content和rightPane是container div的子对象。它们包含内容,并随着内容的增长而在高度上扩展,但container div不会随之扩展。我想知道原因。另外,我还想知道当我将overflow:hidden应用到容器时,它会随着子div中的内容开始扩展。当我们将overflow:hidden应用于容器父分区时会发生什么情况。希望这对您有帮助 如果使用溢出:隐藏;它将扩展,如果使用float:left;它也随子对象展开。浮动:左;使内部部分更加复杂。所以总是使用

在上面的结构中,content和rightPane是container div的子对象。它们包含内容,并随着内容的增长而在高度上扩展,但container div不会随之扩展。我想知道原因。另外,我还想知道当我将overflow:hidden应用到容器时,它会随着子div中的内容开始扩展。当我们将overflow:hidden应用于容器父分区时会发生什么情况。

希望这对您有帮助


如果使用溢出:隐藏;它将扩展,如果使用float:left;它也随子对象展开。浮动:左;使内部部分更加复杂。所以总是使用溢出:隐藏;和显示:块;对于父div,它将降低复杂性;它将扩展,如果使用float:left;它也随子对象展开。浮动:左;使内部部分更加复杂。所以总是使用溢出:隐藏;和显示:块;对于父div,它将降低复杂性。这是一种通过父div清除floats元素的方法。请检查此项以了解更多信息

<div id='container' >

   <div id='content' > </div>
   <div id='rightPane' > </div>

</div>