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

Question

按钮包含在内联块中，但我想让它对齐到右边。当我浮动时：对，它的一部分消失了 HTML：

<div class="card answer" id="answer4" href="#answer4">
       <div class="btn-text-inline">
           React Generated HTML
       </div>     
</div>

的CSS：

.btn-text-inline {display: inline-block;}

 在添加float之前：右边

浮动之后

：正确

Answer 1

我建议为网站上的每个元素添加一个自定义背景颜色css属性，以便能够看到每个元素占用多少空间。也许按钮隐藏在另一个元素后面。在这种情况下，可能在“添加评论”元素后面

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