如何正确定位关闭按钮

Question

大家好！我是一个很长时间的网络开发人员和设计师，但这个让我目瞪口呆。我有一个关闭按钮警报（这不是Bootstrap）。它在主页上显示正常：

但是当我在提交页面上发出相同的提醒时，它会关闭关闭按钮：

有什么想法吗？这是我的HTML：

<div class="alert">
    <div class="alertContents">
        When you submit yo stuff, it comes up in the feed right away.
        <div class="alertClose">&times;</div>
    </div>
</div>

和CSS：

.alert {
    width: 100%;
    background-color: #DD7474;
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    color: #FBFBFC;
    margin: auto;
    border-radius: 2px;
    border-color: transparent;
    border-width: 0px;
    border-style: solid;
}
.alertContents {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 10px;
    padding-right: 10px;
}
.alertClose {
    float: right;
    width: auto;
    height: auto;
    color: #FBFBFC;
    cursor: hand;
}

谢谢！

Answer 1

.alert {
 position:relative;
}
.alertClose {
 position:absolute;
 top:5;
 right:5;
}

这可能就是你所需要的。 查看此链接上的＃4 http://www.barelyfitz.com/screencast/html-training/css/positioning/

Answer 2

我会用：

    position: absolute;

然后添加

    left: 250px;

编辑：将这些代码添加到您的CSS ...哦，回头看看发生了什么，你可以确定有一个：

    clear: both;

功能如下：

    <div class="clear"></div> 

或

    <br clear="all" />