在父元素div下 里面横向排列两个div

可以使用flex布局来实现：

HTML代码：

<div class="parent">
  <div class="child1">子元素1</div>
  <div class="child2">子元素2</div>
</div>

CSS代码：

.parent {
  display: flex; /* 将父元素设为flex布局 */
}

.child1, .child2 {
  flex: 1; /* 子元素均分父元素的宽度 */
}

通过以上CSS代码，子元素1和子元素2会横向排列在父元素div中，且宽度均分父元素的宽度。

相关问题

除了flex，具体怎么把在父元素div下 里面横向排列两个div

1. 使用display:inline-block属性

可以将两个子元素设置为display:inline-block，这样它们会水平排列在一起。

HTML代码：

<div>
  <div class="child"></div>
  <div class="child"></div>
</div>

CSS代码：

.child {
  display: inline-block;
}

2. 使用float属性

也可以使用float属性将子元素浮动到左侧或右侧，从而实现横向排列。

HTML代码：

<div>
  <div class="child"></div>
  <div class="child"></div>
</div>

CSS代码：

.child {
  float: left; /* 或 float:right */
}

需要注意的是，这种方法可能会导致父元素高度塌陷，需要额外处理。

如何让两个div横向排列

要让两个div横向排列，可以使用CSS的flexbox布局或者CSS的float属性。

使用flexbox布局：
1. 在父容器上设置display为flex，这样子元素会自动横向排列。
2. 设置子元素的flex属性来控制宽度比例。

示例代码如下：

<div class="container">
  <div class="box1">Box 1</div>
  <div class="box2">Box 2</div>
</div>

.container {
  display: flex;
}

.box1, .box2 {
  flex: 1;
}

使用float属性：
1. 将两个div都设置为浮动（float: left）。
2. 父容器设置overflow: auto，以防止父容器塌陷。

示例代码如下：

<div class="container">
  <div class="box1">Box 1</div>
  <div class="box2">Box 2</div>
</div>

.container {
  overflow: auto;
}

.box1, .box2 {
  float: left;
}