Chrome中有趣的HTML行为

我有以下DOM结构：

<li>
    <div id="some_id_1">-some html-</div>
</li>

（所有其他属性与字体/颜色相关）

---

更新：右边距：0px似乎有固定的问题，但我仍然不明白为什么更改不透明度会移动div。

如果使用

位置：绝对

放置div，请确保li具有

位置：相对

li{
    list-style:none;
    position:relative;
    display:inline-block;

}
div{
    position:absolute;
    right:0;
    width:40px;
    background:#333; 
    color:white;
    border-radius:4px
}

---

如果您使用

位置：绝对

放置div，请确保li具有

位置：相对

li{
    list-style:none;
    position:relative;
    display:inline-block;

}
div{
    position:absolute;
    right:0;
    width:40px;
    background:#333; 
    color:white;
    border-radius:4px
}

---

您是否尝试过

右边距：0px

如果您使用的是
float:right尝试：
清除：两者都有
你的css是什么？这样很难帮助你。
你有没有尝试过
右边距：0px

如果您使用的是
float:right尝试：
清除：两者都有
你的css是什么？这样很难帮助您。
添加您的整个代码（CSS和HMTL）…还是一把小提琴？创造小提琴也会帮助你关注潜在的问题；right:0而不是float:right？right:0可以工作，但由于布局是响应性的，因此调整浏览器窗口的大小会增加li的宽度，并使其移动到图像之外。添加您的整个代码（CSS和HMTL）…还是一把小提琴？创造小提琴也会帮助你关注潜在的问题；右：0而不是浮动：右？右：0起作用，但由于布局是响应性的，因此调整浏览器窗口的大小会增加li的宽度，并在图像外移动。
和的位置分别是相对和绝对的。我只是想知道为什么改变不透明度会影响元素的位置，
和的位置分别是相对的和绝对的。我只是想知道为什么改变不透明度会影响元素的位置。