无法获得 100% 高度来处理 Wrapper。 html、body 和外包装处于 100% 需要可见溢出

Question

已解决：必须浮动 #main div，并对结构进行很多其他重大更改。但致命一击是浮动。

可以在 http://thepremium.ca/amodestblog 查看有问题的网站

问题是我需要 #main div具有可见溢出，以便显示位于可见 div 外部左侧的日期 div。

如果我设置溢出（当前处于隐藏状态），我会丢失背景颜色，因为 div 的高度缩小到大约 20 像素。 100%没用。

我追溯到 #wrapper div 的一个问题，它也没有达到分配的 100% 高度，这没有多大意义，因为它所在的 #wrapper-background div 正在采用完整的高度浏览器的高度，以及

希望有人能想出一个解决方案。请查看网站本身的源代码，我有太多不同的 css 文件（使用 wordpress 主题），无法将所有不同的 css 放在这里。

Answer 1

这有点麻烦，但您可以将功能区前面的 div 更改为固定位置，然后使用 left 和 top 将 div 放置在您想要的位置。

.dateRibbon .ribbon-front {
  background-color: #84C036;
  height: 55px;
  position: fixed;
  width: 71px;
  z-index: 2;
  top: 50;   // You'd have to work out what the exact values should be.
  left: 70; 
}

否则，我会重组页面以确保日期功能区不是 #main div 的子级。