html - 2列发行高度100%

Question

我正在尝试为 SMF 论坛软件制作一个 2 列(边栏)响应主题。我想在右侧放置一列，将其父项的高度扩展 100%。

仅供引用，我刚刚开始将默认主题转换为响应式主题。

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

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

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

http://xarcms.com/index.php?theme=3

谢谢。

Answer 1

我看到的主要内容是您设置了错误的元素样式。您的侧边栏包裹在 <aside> 中，它不是 float 的，也没有声明大小。因此，您设置样式的侧边栏内容将 <aside> 扩展到 100%它本身正在收缩包装到内容的大小。您需要将样式转移到 <aside>让它表现得更正确。

除此之外，目前我没有其他内容可以为您提供，但以上内容应该可以帮助您入门。从那里开始，我会仔细检查您的 CSS 以确保您的一种样式的范围不会太广。您可能还想查看您的 HTML 结构，并确保您只在绝对必要的情况下才嵌套内容。如果您仍然遇到问题，请查看是否可以获得仍然显示问题的精简版本，以便我们可以更轻松地帮助您。