Html 在内联块上向右浮动使元素部分消失

Html 在内联块上向右浮动使元素部分消失,html,css,Html,Css,按钮被包裹在一个内联块中,但我想让它向右对齐。当我漂浮的时候:对,它的一部分消失了 html:  添加浮动之前:对 浮动后:对 我建议为网站上的每个元素添加一个自定义背景色css属性,以便能够实际查看每个元素占用的空间。可能按钮隐藏在另一个元素后面。在本例中,可能在“addcomment”元素后面 如果您知道如何在浏览器中使用开发人员工具,您可以通过打开开发人员工具并将鼠标悬停在感兴趣的元素上来实现同样的效果。似乎“添加注释”位于某个固定或绝对元素中,该元素横跨父元素,并且其下方有向上投票/

按钮被包裹在一个内联块中,但我想让它向右对齐。当我漂浮的时候:对,它的一部分消失了 html:

 添加浮动之前:对

浮动后:对


我建议为网站上的每个元素添加一个自定义背景色css属性,以便能够实际查看每个元素占用的空间。可能按钮隐藏在另一个元素后面。在本例中,可能在“addcomment”元素后面


如果您知道如何在浏览器中使用开发人员工具,您可以通过打开开发人员工具并将鼠标悬停在感兴趣的元素上来实现同样的效果。

似乎“添加注释”位于某个固定或绝对元素中,该元素横跨父元素,并且其下方有向上投票/向下投票按钮。你试过检查吗?啊,很有趣。我要试试。添加注释元素正在阻止按钮。如何将BTN移动到顶部?这里有两种方法:1。您可以更改';添加注释';不显示
的元素:内联
,因为它';s该div的默认
display:block
,使其覆盖100%的宽度。2.第二个选项是定位元素,使z-index属性可用,并将z-index增加到任何正值。例如:右按钮{位置:相对;z索引:5;}
<div class="card answer" id="answer4" href="#answer4">
       <div class="btn-text-inline">
           React Generated HTML
       </div>     
</div>
.btn-text-inline {display: inline-block;}