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

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

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

p {
  float: left;
}

.component {
  float: right;
}

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

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

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

相关问题

css display属性如何让两个标签一个靠左一个靠右

可以使用 `float` 属性来实现让两个标签一个靠左一个靠右的效果。具体实现方法如下：

HTML代码：

<div class="wrapper">
  <div class="left">左边的标签</div>
  <div class="right">右边的标签</div>
</div>

CSS代码：

.wrapper {
  overflow: hidden; /* 清除浮动 */
}

.left {
  float: left;
}

.right {
  float: right;
}

上述代码中，我们首先将两个标签都放在一个名为 `wrapper` 的 `div` 容器内，然后使用 `float` 属性将左边的标签向左浮动，将右边的标签向右浮动。最后使用 `overflow: hidden;` 属性清除浮动，使得 `wrapper` 容器的高度可以自适应其内部的元素，从而实现让两个标签一个靠左一个靠右的效果。

html display属性如何让两个标签一个靠左一个靠右

你可以使用CSS中的float属性来让两个标签一个靠左一个靠右。具体方法如下：

1. 给这两个标签分别添加class或者id属性，方便后面在CSS中操作。
2. 在CSS中为这两个标签添加样式，设置宽度、高度、边框等属性，然后使用float属性，给其中一个标签设置float:left，另一个标签设置float:right。

例如：

HTML代码：

<div class="left">左边的标签</div>
<div class="right">右边的标签</div>

CSS代码：

.left{
   width: 50%;
   height: 100px;
   border: 1px solid black;
   float: left;
}
.right{
   width: 50%;
   height: 100px;
   border: 1px solid black;
   float: right;
}

上述代码中，我给左边的标签设置了float:left，给右边的标签设置了float:right，这样就可以让它们一个靠左一个靠右了。