Html 当我调整浏览器大小时，一个图标会从屏幕上消失

我有一个问题，当我调整浏览器大小时，一个图标循环图标会从屏幕上消失，这就是在左边创建一个空白，我使用的是bootstrap和less，我在页面上放了一个图标，让你看到我的问题，这也是代码

HTML

---

你只要换掉这条线就行了。绝对位置必须从右侧开始：

.section-form1 a {
...
left: 413px;
}

借

---

就像上面的答案一样，这只是位置的问题：绝对。我建议您不要在特殊情况下使用位置：绝对或固定。您将在响应性/流体设计方面遇到很多问题

我建议您需要将位置从绝对更改为相对。然后可以使用float:left和一个百分比宽度边距

同样的问题，但这一次它出现在边框的右上角，当我尝试将其定位到边框的中间位置，并调整浏览器的大小时，它将退出屏幕！！

.section-form1 {
    background: url('../image/background_top.png') no-repeat center;
    background-color: #000;
    width: 100%;
        height: 694px;

    a {
        background: url('../image/forme_serche.png');
        width: 61px;
        height: 61px;
        position: absolute;
        top: -40px;
        left: 413px;
        &:hover {
        background: url('../image/forme_serche_hover.png');
        }
    }

}





.contour {
    position: relative;
    height: 239px;
    border: 1px solid white;
       -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
        border-radius: 4px;
        margin-left: 120px;
        margin-right: 120px;
    margin-top: 80px;
}

.section-form1 a {
...
left: 413px;
}

.section-form1 a {
...
right: -27px;
}