一个div里面有一个p标签和一个组件 怎么让他们两个一个靠左一个靠右

可以使用 CSS 中的浮动和清除浮动来实现。具体操作如下：

1. 给 p 标签和组件添加 CSS 样式，使它们可以浮动。

p {
  float: left;
}

.component {
  float: right;
}

2. 在 div 中添加一个 clearfix 样式，用于清除浮动。

div:after {
  content: "";
  display: table;
  clear: both;
}

这样就可以实现一个 div 中的 p 标签靠左，组件靠右的效果了。