React组件在视觉上不包含它的所有元素

Question

我编写了一个包含一些浮动div的React组件。现在这些浮动元素在视觉上属于外部div，因为它们应该尽管它们继续在结构上属于（例如，点击它们也是对包含div的点击）。现在，当我从块切换到内联块时，一切都按照预期的那样。这是React中的一些我们应该通知他们的错误，还是我错过了什么？ 这是代码：

<div className="car_card">
  <img src={carCard.attributes.pictureFile}/>
  <div className="car_buttons">
    <button type="button">Details</button>
    <button type="button">Fill ups</button>
    <button type="button">Reminders</button>
  </div>
  {carStats}
</div>

的CSS：

 .car_buttons {
   float: right;
 }
 .car_card {
   clear: both;
   display: inline-block;
   max-width: 15em;
   margin-right: 2em;
   margin-bottom: 2em;
 }