html - 垂直溢出到正文中嵌入论坛对象的页脚

标签 html css overflow embed forum

我们正在我们的站点中实现 Muut 论坛,并已成功地将其嵌入到页面正文的编码 block 中。然而,当以管理员身份登录时,论坛的侧边栏会呈现出将论坛插入页面底部的附加功能,而不是动态地拉伸(stretch)正文以适应论坛。我们尝试了不同的编码技术,但最终确定了静态页面长度(目前)。我们想实现一种动态拉伸(stretch)页面以适应论坛的方法,无论大小,垂直。

这是我们实现的 header :

<style>
#pageWrapper {
min-height: 1100px; }
</style>

这是 muut 嵌入式脚本:

<!-- Muut placeholder tag -->
<div class="muut">

<!-- Muut API -->
<a class="muut-url" href="https://muut.com/i/ourforumid">Our Forum</a>

<!-- Custom HTML -->
<h4><a href="#Another Forum 1">Another Forum</a></h4>
<h4><a href="#Another Forum 2">Another Forum</a></h4>

<script src="//cdn.muut.com/1/moot.min.js"></script>

</div>

任何帮助将不胜感激,因为我们对 div 样式的常规尝试没有奏效。我们不想用滚动条溢出,或者 overflow hidden ,而只是希望 body 容器动态拉伸(stretch)以容纳论坛。谢谢!

最佳答案

Muut 有自己的 div 调用标签,所以在与他们的团队交谈后,这是正确的实现:

  .muut .m-sidebar {
    position: relative;
  }

就这么简单。

关于html - 垂直溢出到正文中嵌入论坛对象的页脚,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29997625/

相关文章:

html - 目录列表列宽

html - 我怎样才能垂直居中这个内容?

javascript - 根据 URL 更改更改 DOM 元素类名称

jquery - map 区域上的鼠标悬停在 webkit(safari、chrome)上不会触发,css 错误?

css - 媒体查询不会让我改变 Div 宽度,但让我改变其他一切

jquery - 在 Twitter Bootstrap 中对齐可折叠按钮

javascript - Google Map Custom InfoWindow 的尾部不会移动,也无法删除阴影

integer - 如何关闭整数溢出保护?

css - 内容背景被截断

css - 删除溢出 :hidden changes the layout