Html 在这种情况下，为什么需要负利润率

在一个项目中，做了一些标准的内联块元素。为了使计数显示在正确的区域，我必须在顶部加一个负的边距。我不知道为什么它不会自动定位在那里。是因为计数标题占用了一个区域还是其他什么？我想知道为什么我必须这样做，是否有更好的方法避免将来不得不这样做，或者我是否做对了，以及如何确定发生了什么，这样我才能确保我将来也这样做

---

用大量div组织任何

div

的最佳方法是将子div分组

例如，在您的案例中，有3个子曲面，每个子曲面的高度不同。这会导致很多问题，您应该使用以下模式：

<div class="row2">
    // your left side div
    <div class="left" style="display: inline-block;vertical-align: top;">
        <span class="count-title">Count</span>
        <span class="count-display"><p>00</p></span>
    </div>
    // the right way is to create here <div class='right'> with similar styles as left        
    <span class="strict-button">
        <a rel="external" href="#button" class="button">Strict</a>
        <span></span>
    </span>

</div

---

通过这种方式，您可以轻松地在将来扩展您的结构，而不会出现任何问题，并将其保存为有组织的

我认为您应该更好地了解浮动是如何工作的，并且您将得到在您的情况下需要负裕度的原因

你可以参考这篇文章，我希望你能更好地理解这个问题

---

您的

strict按钮

类具有相当大的高度，因此

计数显示

向下移动。因此您必须添加负边距。也许我误解了内联块，但这不重要吗，因为“严格”按钮位于右侧？或者我不正确地把它可视化了。这不是内联块的问题，而是浮动的问题。请参考我的答案。

<div class="row2">
    // your left side div
    <div class="left" style="display: inline-block;vertical-align: top;">
        <span class="count-title">Count</span>
        <span class="count-display"><p>00</p></span>
    </div>
    // the right way is to create here <div class='right'> with similar styles as left        
    <span class="strict-button">
        <a rel="external" href="#button" class="button">Strict</a>
        <span></span>
    </span>

</div

.count-title {
    display:block;
}