DIV不会垂直覆盖整个内容

Question

我正在使用的Wordpress主题提供了一个名为Page Builder的东西，用它可以添加不同的元素并用东西填充它们，例如标题，内容框，图片库，视频等。现在，问题是，如果一个内容框（基本上应该包含页面上的主体文本）填充了普通文本，那就没问题。但是当我为WP插件添加一个短代码时，该插件的输出很好，但是应该提供此内容背景的div.blog-box实际上并没有出现。

比较两个屏幕截图：第一个是纯文本的，第二个包含插件短代码的输出。

.blog-box {
padding: 10px 20px;
background: #fff;
margin-bottom: 20px;
position: relative;
max-width: 1170px;
background: #333333;}

这些是适用于div的样式。任何人都可以帮我找到这种行为的原因吗？

Answer 1

尝试使用overflow：hidden;

.blog-box {
padding: 10px 20px;
background: #fff;
margin-bottom: 20px;
position: relative;
max-width: 1170px;
background: #333333;
overflow:hidden;}

Answer 2

根据你描述的内容，你的插件输出的元素似乎必须用CSS浮动（即float:left），否则.blog-box div应该使用它的子节点的高度你分享的风格。 尝试解开该子元素是否有效：

.child-element {
    float:none;
}

将child-element替换为该元素的CSS类。