外部 <div> 高度 0px

Question

<div class='outer'> 
  <div class='inner'>
    <p> Some text ... </p>

  </div>
</div>

外部 div 的高度显示为零。甚至.outer { border: 1px solid black; } 的css 属性在页面顶部显示为单行。

你如何确保外层 div 真正将封闭的内层 div 封装在 html 中？

Answer 1

你做了两件事之一。

1. 您将.inner 向左或向右浮动且未清除浮动且未设置overflow: {auto|hidden}

2. 您绝对定位.inner，并且没有其他内容可以为.outer创建一些宽度

您的代码运行正常。

Answer 2

尝试给它height: auto; 如果这不能解决您的问题，请将代码上传到 jsfiddle。 :)

Answer 3

将 css 溢出：自动属性添加到外部 div 通常会有所帮助。