DIV 没有垂直覆盖整个内容

Question

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

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

.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 class。

DIV 没有垂直覆盖整个内容

DIV not covering whole content vertically

html

css

wordpress