如何将一个类的边界扩展到其他类之上

发布于 2024-12-28 03:13:35 字数 580 浏览 0 评论 0原文

我希望朋友类周围的边界能够扩展从人名到添加朋友类的整个距离。

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

我已经添加了一个jsfiddle演示问题。

原文

I would like the border around the friends class to extend the whole distance from the persons name to the add friends class.

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

I have added a jsfiddle demonstrating the problem.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

鲸落 2025-01-04 03:13:35

尝试这样做：

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

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

Try doing it like this:

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

I think that it what you are trying to do.

回复收藏 0 原文