问

HTML将移相器移动到容器div中

手机用户2502854251 发布于 2023-02-11 14:09

容器

目前在phaser中构建一个基于浏览器的游戏并尝试将其添加到我创建的容器div标签中,但是phaser似乎正在将自己推向容器div之下.

http://gyazo.com/3cc9b9333cf89d7fc879bd2cdc741609(这是我目前在里面的标题div的容器div,这就是我想让我的相位器游戏做的事情)

http://gyazo.com/5a7cea7514a9e295355c87933c3d14ac(这是我的移相器游戏目前在页脚div上面做的,你可以看到容器div,也清楚地看到当前位于页脚div下的移相器游戏)

这是我的HTML页面的代码:

    
    
    
    This is our menu bar!

    

    

    


    
    Home  
    Link1   
    Link2   
    Link3   
    Link4   
       


    

    
    


    
    Title of game & small talk about about with some a box surrounding this text before another text box surrounding the game below
    

    
    
    Instructions
    

    
     Copyright 2013 marc



这是我的CSS的代码

    body {
    font-family: Century Gothic, Arial;
    background-color: #CCCCCC;
    margin: 0px auto;
    text-align: center;
    }
    .container {
    background-color: #999999;
    margin: auto;
    width: 1000px;
    height: 1000px;

    }
    .header {
    font-size: 22px;
    background-color: #999999;
    border: 1px dashed #666666;
    color: #444444;
    width: 800px;
    font-size: 14px;
    text-align: center;
    margin: 10px auto 0px auto;
    }   
    #menu {
    float: center;
    padding: 0px 10px;
    margin: 10px;
    border-bottom: 5px solid #6D7AB2;
    }

    #menu li {
    display: inline;
    list-style: none;
    margin: 0px;
    padding: 0px;
    }

    #menu li a {
    float: center;
    color: #000000;
    text-decoration: none;
    background: url('menuleft.gif') top left no-repeat;
    margin: 0px 0px;
    padding: 9px 0px 0px 9px;
    }

    #menu li a span {
    background: url('menuright.gif') top right no-repeat;
    padding: 9px 25px 6px 15px;
    }

    #menu li a:hover, 
    #menu li a.highlight {
    background: url('menuleft-hl.gif') top left no-repeat;
    color: #ffffff;
    }

    #menu li a:hover span, 
    #menu li a.highlight span {
    background: url('menuright-hl.gif') top right no-repeat;
    }


    canvas {
    padding: 0px;
    margin: auto;
    }

    #footer {
    clear:both;
    margin-top: 10px;
    border-top: 5px solid #6D7AB2;
    padding: 20px 0px;
    font-size: 80%;
    text-align:center;


    }


有谁能帮我告诉我哪里出错了？



    
    
        今天，你开发时遇到什么问题呢？
        立即提问
    

    
        热门标签