html - div 的高度等于 "0"

标签 html css


我有一个非常简单的 html 代码:

<body>
        <div id="container">
            <div id="left">
                some text here
            </div>
            <div id="right">
                and some text here
            </div>
        </div>
    </body>

和样式:

div#left {
    float: left;
    background: #e2e2e2;
}

div#right {
    float: right;
    background: #1469ab;
}

我想让 div #container 的高度等于它的内容的高度,但现在它实际上是 0。如何实现这种行为?

最佳答案

你应该对容器进行非结构性清理 喜欢 easyclearing http://www.positioniseverything.net/easyclearing.html

否则你也可以指定height: auto;溢出:隐藏到容器

关于html - div 的高度等于 "0",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4183747/

相关文章:

html - 代码在 jsfiddle 中工作但在我的 html 页面中不起作用

python - Materialise CSS 不显示(与 Flask 有关)

css - .flex-video 的 Flexbox 错误

jquery - 父级中的多个 CSS 背景颜色

css - 缩放时,<audio> 对象从底部向上移动并与顶部重叠

css - 自定义 Bootstrap 4 css

html - CSS 断字语言

javascript - 为什么动态加载内容时我的德语元音变音字符无法正确显示?

javascript - React 防止焦点窃取 onClick

html - 使用 HtmlAgilityPack 将 HTML 转换为字符串