大div套多个小div，怎样设置外div的高度自适应？

2024-12-28 11:33:11

推荐回答（4个）

回答1：

在最后一个div 后面加上 overflow:hidden;如下：

扩展资料

DIV height与DIV自适应高度

1、在div标签内使用style属性即可设置此DIV盒子高度样式。

我高度为50px

解释：以上通过div标签的style属性样式设置height高度样式。

2、外部样式设置指定div盒子高度

此方法是常用的标签外部CSS样式设置对象样式法。可以通过将CSS代码写入CSS文件，再通过HTML引入CSS文件即可使用；也可以直接在HTML源代码内使用style标签设置CSS样式代码。

这里为大家演示html网页源代码内使用style标签设置外部CSS样式。

为了观察效果本div高度height实例，对象div命名为“.divcss5”，宽度为150px，height为80px，css边框为1px蓝色

DIV+CSS小例CSS代码：

回答2：

清除浮动在最后一个div 后面加上这句话

--------------------------------------------------------------------------------------------------------------------

回答3：

浮动元素撑不起未浮动元素，所以大DIV高度为0，解决办法：
1、清除浮动前面的兄弟已经说了
2、把大DIV也设置成浮动元素，float:left；（看问题中的代码是要居中，这个就不合适了）
3、给大的DIV加上属性overflow:hidden也可包裹住浮动元素

回答4：

方法有几种视情况而定，而overflow:hidden是要加的

上面是第一种

这样也是可以的
还有一种就是多嵌套一个div不漂浮的，这种比较多层，不喜欢用就不写了~