Question

我一直在为Chromecast制作按钮布局。这将最终成为一个网页，所以我可以废弃在线视频。

但我的问题是我无法插入此中心<div>。代码在class="topbarBackground"

之后从左到右

<!DOCTYPE html>
<html>
    <head style="margin:0;">
        <style>
            .topbarBackground {
                background-color:#222222;
                width:1440px;
                height:70px;
                position: fixed;
                left:0px;
                top:0px;
                z-index:1;
            }

            .scrollbuttonLframe {
                opacity:0.5;
                width:70px;
                height:70px;
                position: absolute;
                left:25px;
                top:0px;
                z-index: 4;
            }

            .scrollbuttonRframe {
                opacity:0.5;
                width:70px;
                height:70px;
                position:absolute;
                right:25px;
                top:0px;
                z-index:4;
            }

            .tabBackground {
                opacity:0.5;
                width:1250px;
                height:70px;
                position:absolute;
                left:95px;
                top:0px;
                z-index:2;
            }

        </style>
        <div class="topbarBackground">
            <button class="scrollbuttonLframe">
            </button>

            <div class="tabBackground">
            </div>

            <button class="scrollbuttonRframe">
            </button>

        </div>

    </head>

    <body style="margin:0;">

    <p> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br> i <br>
    </body>

</html>

i <br>部分用于滚动条测试

Answer 1

我今天问了2个问题，而且我两次都缺乏对资本化的关注。这个问题有点快，如果我花了额外的时间来完成我的工作，我会意识到我做了我想做的事情，并期待错误的事情，导致混乱。我决定将此代码放入其中，因为我计划通过一些node.js来完成我的网页正文。我觉得将这个导航栏放在头部完全分开我的代码部分会更有序。我是新手一般的代码虽然如此，当我开始下一个进程时，我可能会发现代码确实需要属于正文。

试图插入<div> </div>

1 个答案: