outer <div> height 0px </div>

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

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

Answer 2

将css overflow：auto属性添加到外部div通常会有所帮助。

Answer 3

你做了两件事之一。

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

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

您的代码表现正常。