Question

出于某种原因，我有一个名为banner的父div，其中包含许多子div，但是在我的css样式表中，我似乎无法移动任何元素，特别是＆＃34; CRAFT412＆＃34;徽标图像到我在横幅内的所需位置。我尝试过使用左/右/上/下移动这些元素，但似乎没有任何东西可以让它们变形。如果有人能在这里帮助我，我会感激它。

以下是我网站上的网页的HTML

<!--TOP BANNER SECTION-->

    <div id="banner">

        <div id="logo"> 
            <img src="images/CRAFT412 - Logo.png" width="500" height="281" alt="CRAFT412">
        </div>

        <div id="ip_box"></div>

        <div id="ip_text">
            <p>SERVER IP<P/>
            <p>craft412.serveminecraft.net<P/>
        </div>

        <div id="teamspeak_box"></div>

        <div id="teamspeak_box_2"></div>

        <div id="teamspeak_text">
            <p>TEAMSPEAK<P/>
        </div>


        <div id="teamspeak_image"> 
            <a href="ts3server://craft412.serveminecraft.net:9987">
                <img src="images/CRAFT412 - Box - Teamspeak.png" alt="TEAMSPEAK">
            </a>
        </div>                                    
    </div>

这里也是我的相同div的CSS

/*CSS FOR ALL PAGES*/

/*BODY/WRAPPER SECTION*/

body {
    background:#EEEEEE;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

#wrapper {
    width: 1750px;
    margin: 0 auto;
    background-color: white;
    border-radius: 5px;
    box-shadow: 0px 1.5px 2px 0px;
    border: 1.5px solid #E0E0E0;
    color: #E0E0E0;
}

/*TOP BANNER SECTION*/

#banner { height:100px; }

#logo {}

#ip_box {
    width:200px;
    height:43px;
    background:#212121;
    border-radius: 5px;
    box-shadow: 1px 1px 5px;}

#ip_text {
    color: white;
    font-size: 15px;
}

#teamspeak_box {
    width:159px;
    height:43px;
    background:#212121;
    border-radius: 5px;
    box-shadow: 1px 1px 5px;
}

#teamspeak_box_2 {
    width:43px;
    height:43px;
    background:#313131;
    border-radius: 5px 0px 0px 5px;
}

#teamspeak_text { color: white; }          

#teamspeak_image {}

Answer 1

为父div提供一个属性：

Position:relative;

还将该属性赋予子div：

Position:absolute;

现在您可以在“BANNER”div中更改子div的位置。使用TOP，BOTTOM，RIGHT，LEFT

无法在css div中移动元素

1 个答案: