css - 如何将一个类的边界扩展到其他类

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;
         }

我认为这就是您想要做的。