html - 无法获得 100% 高度以在 Wrapper 上工作。 html、body 和 outer wrapper 都在 100% 需要可见溢出

Question

已解决:必须 float #main div，并对结构进行许多其他重大更改。但致命一击是 float 的。

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

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

如果我设置溢出(当前隐藏)，我会失去我的背景颜色，因为 div 的高度缩小到大约 20 像素。 100% 不起作用。

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

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

Answer 1

这有点 hack，但您可以将功能区前面的 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 的子元素。