如何扩展类的边界而不是其他类

Question

我希望朋友班的边界能够将人名扩展到添加朋友班。

HTML

<div class = 'friends'> Persons Name</div>
    <div class = 'buttons'> add as friend </div>

CSS

  .friends {  
           border: 1px solid;
           display: inline;
           }
 .buttons  {
           background-color:blue;  
           float: right; 
           width: 50px;
           display: inline;
           }

我added a jsfiddle证明了这个问题。

Answer 1

尝试这样做：

<强> HTML

<div class = 'friends'> Persons Name
    <div class = 'buttons'> add as friend </div>
</div>

<强> CSS

.friends {
         border: 1px solid;
         display: block;
         width: 100%;
         }

.buttons {
         background-color:blue; 
         float: right;  
         display: inline;
         }

我认为这就是你要做的事。

Answer 2

如果您可以设置元素的高度，则会想到

This解决方案。