我想让我的容器div获得它的子高度的最大高度.而不知道子元素div会有多高.我当时正在JSFiddle号跑道上试车.容器div为红色.却没有出现.为什么?

推荐答案

添加以下属性:

.c{
    ...
    overflow: hidden;
}

This will force the container to respect the height of all elements within it, regardless of floating elements.
http://jsfiddle.net/gtdfY/3/

更新

最近,我正在做一个需要此技巧的项目,但需要允许显示溢出,因此,您可以使用伪元素来清除浮动,从而在允许所有元素溢出的同时有效地实现相同的效果.

.c:after{
    clear: both;
    content: "";
    display: block;
}

http://jsfiddle.net/gtdfY/368/

Css相关问答推荐

Flexbox 子高度它的内容

有没有办法让 mui v5 呈现没有 css-xxx 前缀的类名?

具有自动调整大小的自动填充行的 CSS 网格

如何制作一个居中的标题样式,其中换行符将最长的行排列在底部

reactjs - 容器中水平行的png图像

紫色表示访问过的超链接

CSS 网格中的 justify-self、justify-items 和 justify-content 有什么区别?

仅针对 iOS 设备的 CSS 媒体查询

Angular Material 中的样式垫选择

从 css 到 scss 的 Angular-cli

如何去除手机上按钮的蓝色高亮?

在 vue.js 组件中,如何在 css 中使用 props?

如何在 CSS Grid 布局中指定行高?

Bootstrap 4,如何使按钮居中对齐?

在Angular 2中动态更新css

Chrome 设备模式模拟媒体查询不起作用

如何通过 CSS 识别 Microsoft Edge 浏览器?

查找导致在 Google Chrome 中显示水平滚动条的元素

为什么在 CSS3 中启用硬件加速会降低性能?

是否有与 :hover 相对的 CSS 伪类?