Html 两个div之间的奇怪线条（如边框）

两个div之间有一条奇怪的线。无法摆脱它。谁能告诉我哪里错了

我的HTML

<div class="user_profile">
    <div class="up_openBtn">
        ICON
    </div>
    <div class="up_main">
        <div class="um_level">32</div>
        <div class="um_name">USERNAME</div>
        <div class="um_title">CONQUEROR</div>
        <div class="um_rank"><small>rank</small> 1430</div>
    </div>
    <div class="up_stats">
        <h1>Stats:</h1>
        <div class="us_atk">Attack: 2592</div>
        <div class="us_spd">Speed: 144</div>
        <div class="us_hp">Health: 9463</div>
        <div class="us_gm">Gold Multiplier: 2.3%</div>
        <div class="us_rm">Rune Multiplier: 4.6%</div>
    </div>
    <div class="up_runes">
        <div class="ur_slot1"></div>
        <div class="ur_slot2"></div>
        <div class="ur_slot3"></div>
        <div class="ur_slot4"></div>
    </div>
</div>

---

这是一个奇怪的解决方案，但是如果你把第二个div移到左边一点点，会怎么样？也许它实际上不是一个边界，也许它只是一个奇怪的像素对齐

.up_openBtn {
    right: 1px;
}

---

你能给我一个活代码的链接吗@djangotici在codepen中看不到奇怪的边界！您正在使用哪个浏览器。我在Chrome上看不到？您可以添加

*{border:none}

并尝试。我在Chrome、Opera和Mozilla上进行了尝试。还尝试添加`*{border:none；}`但没有结果。只有当我的显示器降到1080p时，它才会消失。。

.up_openBtn {
    right: 1px;
}