除了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

可以使用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中横向平均分成两块

可以使用display: inline-block和width: 50%来实现将一个div水平平均分成两个块。

示例代码如下：

HTML:

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

CSS:

.container {
  text-align: center;
}

.box1, .box2 {
  display: inline-block;
  width: 50%;
  height: 100px;
  background-color: #ccc;
}

在上述示例中，我们首先将父级元素设置为text-align: center，以便将子元素水平居中。然后我们使用display: inline-block和width: 50%来将两个子元素平均分成两个块。

同时，我们为子元素设置了一个固定的高度和背景颜色，以便更好地展示效果。