无法获得100%的高度来处理Wrapper。 html,body和outer wrapper都是100%需要可见的溢出

时间:2011-05-21 03:38:45

标签: html css wordpress

解决了:不得不浮动#main div,加上对结构进行了很多其他重大更改。但政变政变是浮动的。

可以在http://thepremium.ca/amodestblog

查看相关网站

问题是我需要#main div才能显示溢出,以便在可见div之外显示位于左侧的日期div。

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

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

希望有人能想出一个解决方案。请查看网站本身的来源,我有太多不同的css文件(使用wordpress主题主题)将所有不同的CSS放在这里。

1 个答案:

答案 0 :(得分:0)

这有点像黑客攻击,但您可以将前面的功能区更改为固定位置,然后使用左侧和顶部将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的子项。