Question

我创建了一个网站http://toucanandbutterfly.uk/并且在主页上底部的三个框工作正常，但是当您切换到任何其他页面时，框合并在一起，顶部栏会稍微改变大小。如果有人需要HTML / CSS，我很乐意给它。

Answer 1

查看页面源代码，Home以外的页面具有HTML的重复位

<aside class="top-sidebar">
        <article>

似乎导致了这个问题。

Answer 2

您意外地将所有“侧边栏”框嵌套在“顶边栏”框内。

<aside class="top-sidebar">

    <aside class="top-sidebar">
        <h2> We're on Twitter.</h2>
   </aside>

<!-- Second side bar and third are different because of the Twitter thing. Good day!-->

    <aside class="middle-sidebar">
        <h2>Latest News</h2>
    </aside>

    <aside class="bottom-sidebar">
        <h2>Photo Library</h2>
    </aside>
</aside>

Answer 3

是..您的源代码错误。纠正它..

在您的主页上

<aside class="top-sidebar">
<aside class="middle-sidebar">
<aside class="bottom-sidebar">

很好......

但是在你创建的其他页面上......他们的代码被错误地写了。

HTML / CSS错误我似乎无法修复

3 个答案: