Question

我创建了一个网站，其中整个页面仅使用HTML和CSS左右滚动而不是上下滚动。我已经将该代码用于另一个网站，以便在为iPhone或其他具有类似小屏幕的设备查看页面时创建像Polygon网站这样的横幅类型导航，但是我无法理解为什么在这种情况下代码不是'工作，我花了很多年，我只是看不到问题。也许一些新鲜的眼睛会有所帮助，这是我正在使用的代码。

CSS：

html {
    height: 100%;
    overflow-x:hidden;
}

body {
    height: 100%;
}

#cover_menu {
    width: 2560px;
    height: 480px;
    overflow: hidden;
}

#cover_tile {
    width: 640px;
    height: 480px;
    float: left;
}

    #cover_link {
        width: 100%;
        height: 50%;
    }

HTML：

<div id="cover_menu">
<div id="cover_tile">
    <div id="cover_link" class="link_1">hello</div>
    <div id="cover_link" class="link_2">hello</div>
</div>
<div id="cover_tile">
    <div id="cover_link" class="link_3">hello</div>
    <div id="cover_link" class="link_4">hello</div>
</div>
<div id="cover_tile">
    <div id="cover_link" class="link_5">hello</div>
    <div id="cover_link" class="link_6">hello</div>
</div>
<div id="cover_tile">
    <div id="cover_link" class="link_7">hello</div>
    <div id="cover_link" class="link_8">hello</div>
</div>

提前谢谢，马特

水平滚动横幅不工作

0 个答案: