html - 外部 <div> 高度 0px

Question

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

  </div>
</div>

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

你如何确保外部 div 实际上封装了 html 中封闭的内部 div？

Answer 1

你做了两件事中的一件。

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

   /li>

2. 您绝对定位了 .inner 并且没有其他内容可以为 .outer

   创建宽度

您的代码运行正常。