CSS 100％高度问题

我正在研究一个新的模板，我有100％的高度问题，尝试过各种样式组合，但无法使其工作。 Here is the link，淡米色区域应该延伸到左边内容的结尾以下，但不是。什么搞乱了我的布局？这可能是一个清算问题，但如何&在哪里？谢谢。CSS 100％高度问题

2011-09-23 bikey77

那么，你的代码写得不好。首先删除'链接'重复。它们只能在'head'标签中使用。其次，不要使用'height：100％'。结构应该重写。要么使用内容包装器的背景图像来可视化图形边界，要么使用基于表格的布局太难。 – avall

除了多重链接（这是故意完成的，直到完成所有样式，现在移除以便于您调试）当您说代码写得不好时，您指的是哪些区域？ – bikey77

@ bikey11 - 没有冒犯，真的。我指的是几件事情：你试图打印左右图形边框的方式，'#page {display：inline}'，'＃wrapper-left'在px中的宽度，但'＃page'中的％，不必要'

' （没有任何CSS），没有包装整个标题来简化它下面的定位元素。 – avall

这是因为100％是相对于视口，你希望它是相对于文档。你需要添加一个元素并清除：在页面的div之后，并移除高度：100％

2011-09-23 11:57:31

什么元素（在我的页面上）我应该删除高度：100％？我已经在几个地方宣布了它。另外，如果我在模板的末尾放置一个空的div，并显示：block;明确：两者;那会工作吗？ – bikey77

确定首先，样式表有四个声明，它们只需要在头部中出现一次的页面。

我建议你做一个整体的div布局方法是用1像素彩色边框勾勒出你想要的容器，然后，使用firebug和firefox，你可以调整设计到你想要的动态，看看它是如何行为方式。

一旦你完成了它，细化它并添加你的图像。

2011-09-23 12:01:14 user466764

是的，我知道，这只是因为我在包含模板的所有文件中声明了样式表，一旦我完成了样式，我将它们删除。 – bikey77

回答