html - 在内联 block 上向右浮动使元素部分消失

Question

按钮被包裹在一个内联 block 中，但我想让它右对齐。当我漂浮时:对，它的一部分消失了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:right 之前

float 后:右

Answer 1

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

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