html - <p> 元素不包含在包含 <div> 的高度中

Question

我觉得问这个问题真的很傻，但我找不到太多信息，而且我遇到了一个奇怪的问题。基本上，我有以下 html:

<div class='one'>
    <div class='two'>
        <img src="someImage" class="img-responsive teamPhoto"/>
        <p>Some text</p>
        <p>Some text
    </div>
</div>

很简单。我遇到的问题是，当我查看 div 1 和 2 的高度时，高度仅等于 div 2 中的嵌套图像。

它根本不包含“P”元素，当我在浏览器中检查时，我可以看到两个 div 都只延伸到图像的底部。

我在这里错过了什么，我的段落元素被排除在 div 高度之外？

Answer 1

我没有看到您的 css，但我很确定“一个”和“两个”div 的样式有问题。如果您在 Chrome 开发工具中检查两个 div 元素，请尝试禁用两个 div 元素的所有样式，它应该可以工作。