繁体   English   中英

DIV不能垂直覆盖全部内容

DIV not covering whole content vertically

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我正在使用的Wordpress主题提供了一种称为“页面生成器”的东西,使用它可以添加不同的元素并用诸如标题,内容框,图片库,视频库之类的内容填充它们。现在,问题是如果“内容”框(基本上是应该包含页面主体文本的内容框)中填充了普通文本,则可以。 但是,当我为WP插件添加一个简码时,该插件的输出很好,但是应该提供该内容背景的div.blog-box实际上并未出现。

比较两个屏幕截图:第一个是纯文本的,第二个包含插件简码的输出。

屏幕截图1屏幕截图2

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

这些是适用于div的样式。 谁能帮助我找到这种现象的原因?

2 个回复

尝试使用overflow:hidden;

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

根据您的描述,看来您的插件输出的元素必须使用CSS浮动(即float:left ),因为否则, .blog-box div应该以您共享的样式占据其子代的高度。 尝试浮动该子元素,看是否可行:

.child-element {
    float:none;
}

child-element的CSS类替换child-element element。

1 获取div的全部内容

如何将div的全部内容放入变量? 我不只是想要每个变量的html,我也需要元素,所以基本上我需要 谢谢 ...

2011-03-23 11:23:37 2 262   jquery
5 我的可滚动div没有显示其全部内容

我有一个很大的文本部分,希望包含在可滚动的div中。 我已经创建了滚动条,并且已经滚动了,但是文本的顶行已被切除。 为什么会这样呢? 我以前做过可滚动的div,尽管文本较少,但效果很好。 我使用的浏览器是Google Chrome .reglas { flex-dir ...

6 从URL输出特定div的全部内容

我正在使用简单HTML DOM解析器 ,如何输出.product-area的全部内容? 它包含很多内容,所以我只想按原样输出它,而不是遍历所有子div。 那可能吗? ...

2018-07-02 09:43:44 1 29   php
7 尝试抓取div的全部内容

我正在处理这个项目,我想使用touch.facebook.com推荐的iframe中的facebook位置添加一个非常小的附近位置列表,我可以轻松地使用touch.facebook.com/#/places_friends.php但是然后加载标题和其他导航栏,例如消息,事件等栏,我只想要内容。 ...

8 隐藏iframe垂直滚动条并显示全部内容

我有一个iframe,其内容超出了iframe的高度。 我已经将iframe上的CSS设置为100vh的高度,但是它裁剪掉了内容。 我想显示整个内容 , 而不显示该iframe中的任何滚动条。 实现此目标的最佳方法是什么? 的HTML 的CSS 更新:我不想调整滚 ...

9 Liferay Asset Publisher的全部内容

我是第一次使用Liferay,并且遇到以下问题:我有一个Asset Publisher,其中列出了一些Web内容(摘要)。 单击资产发布者中的一个内容项时,我想在另一页中看到完整的内容。 我相信这是一个非常常见的功能,但仍然找不到解决方案(希望它很简单)。 我正在使用Liferay CE ...

10 怎么做 标签覆盖全部内容?

我有一个PHP代码,它会生成一个非常大的表,该表不适合屏幕(可以)。 问题是<body>标签不适合浏览器的文档宽度,它仅适合屏幕的宽度。 <table>内容不适合正文。 我看过这里,添加了包装器div。 如何使身体标签具有弹性? 好吧,包装div正确覆 ...

2018-05-03 12:04:37 4 162   html/ css
暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2021 STACKOOM.COM