Question

我试图为SMF论坛软件制作一个2列（侧边栏）响应主题。我想在右边贴一个专栏，它会扩大100％父母的高度。

仅供参考，我刚开始将默认主题转换为自适应主题。

通常，我不会遇到这些问题或响应式设计的问题。但是，我无法弄清楚为什么侧边栏的高度与标题的高度保持一致。

侧边栏HTML在标题HTML之外，在它之前。然而，当你通过inspect元素给侧边栏说固定宽度为400px时，它也会扩展标题的高度。我对此感到困惑，因为代码方面似乎没有意义。

我想如果我有另一双眼睛，有人可以帮我解决这个问题。

感谢。

Answer 1

我看到的主要是你造型错误的元素。您的侧边栏包含在<aside>中，它没有浮动，也没有声明大小。因此，您设置样式的侧边栏内容将<aside>扩展到100％，<aside>本身缩小到内容的大小。您需要将样式转换为{{1}}以使其更正确地运行。

除此之外，我现在对你没什么其他的，但上面的内容应该让你开始。从那里开始，我会仔细检查你的CSS，以确保你的某个风格的范围不会过大。您可能还想查看HTML结构，并确保只在绝对必要的情况下嵌套。如果您仍然遇到问题，请查看是否可以获得仍然显示问题的精简版本，以便我们更轻松地为您提供帮助。

Answer 2

要解决此问题，我将和区域放在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>

这似乎更清洁，更有意义。