Html 在css中定位两个元素

通过这个代码，我可以在中心获得两幅图像。但我不需要有加载器在同一位置的标志。我需要它在页面的末尾，而不影响标志的位置。如何做到这一点？

我在理解您到底想要什么方面有点困难，但是这段代码应该将徽标与中心对齐（垂直和水平），并将加载图标与底部对齐，水平居中对齐

HTML:

---

如果您希望它位于页面末尾，请尝试使用loader img上的float:right，这样它将显示在行的末尾。如果要在徽标下方显示加载程序，请在徽标img后使用br

如果您想将徽标居中于整个页面，并在页面右下角显示加载器，您可以将“垂直对齐：中间”应用于徽标和“垂直对齐：底部”；浮动：右'到装载机

---

希望这能有所帮助。

有点困惑您所说的“页面结束”是什么意思您是指像这样的OP：您解决了您的问题了吗？如果苏打不起作用，就请。如果您不确定，请用小提琴测试您的代码。@defaultNINJA抱歉，我已经修复了它，现在它可以正常工作了。

<div id="homeScreen">
    <div id="homeWrapper">
        <img src="logo.png" alt="logo-icon"/>
        <img src="ajaxloader.gif" alt="loading.." id="loader"/>
    </div>
</div>

#homeScreen
{
    background: #d1d1d1;
    width: 100%;
    height: 100%;
    display: table;
}

#homeWrapper
{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

<div id="homeScreen">
    <div id="homeWrapper">
        <div id="logo"><img src="logo.png" alt="logo-icon" width="150" height="150"/></div>
        <div id="loading"><img src="ajaxloader.gif" alt="loading.." id="loader" width="30" height="30"/></div>
    </div>
</div>

#homeScreen
{
    background: #d1d1d1;
    width: 100%;
    height: 100%;
    display: table;
}

#logo
{
    margin: 0 auto;
    width:150px;
    height:150px;
    position:absolute;
    left:50%;
    top:50%;
    margin:-75px 0 0 -75px;
}

#loading
{
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -15px;
    width: 30px;
    height: 30px;
}