我正在尝试为 SMF 论坛软件制作一个 2 列（侧边栏）响应式主题。我想在右侧粘贴一列，它将其父级的高度扩展 100%。
仅供参考，我刚刚开始将默认主题转换为响应式主题。
通常，我对这些问题或响应式设计没有问题。但是，我无法弄清楚为什么侧边栏的高度与标题的高度保持一致。
侧边栏 HTML 在标题 HTML 之外，在它之前。然而，当你通过检查元素给侧边栏说一个 400 像素的固定宽度时，它也会扩展标题的高度。我对此感到困惑，因为在代码方面它似乎没有意义。
我想如果我有另一双眼睛，有人可以帮我解决这个问题。
http://xarcms.com/index.php?theme=3
谢谢。
我看到的主要内容是您设置了错误的元素样式。您将侧边栏包裹在一个<aside>中，它没有浮动，也没有声明大小。因此，您已设置样式的侧边栏内容将扩展为 100%，<aside>其本身正在收缩到内容的大小。您需要将样式更改为<aside>以使其行为更正确。
除此之外，我目前没有太多其他东西要给您，但是以上内容应该可以帮助您入门。从那里，我会仔细检查您的 CSS，以确保您的其中一种样式的范围不会太广。您可能还想查看您的 HTML 结构，并确保仅在绝对必要的情况下将内容嵌套。如果您仍然遇到问题，请查看是否可以获得仍然显示问题的精简版本，以便我们更轻松地为您提供帮助。
为了解决这个问题，我将 和 区域放在了 div 容器之外。因此，我能够删除 4 个不需要的 div（主要是包装器）。所以简而言之...
切换到这个：
<div width wrapper>
<header></header>
<aside floated></aside>
<section></section>
<footer></footer>
</div>
而不是：
<div width wrapper>
<section>
<header></header>
<aside floated></aside>
<div></div>
<footer></footer>
</section>
</div>
这似乎更清洁，更有意义。