html中为什么俩个div会合一块

俩个div会合一块可能是因为它们的CSS样式设置了float属性为左或右，并且宽度不够，导致它们在同一行并且重叠在一起。还有可能是因为它们的CSS样式设置了display属性为inline-block，并且宽度不够，导致它们在同一行并且挤在一起。解决方法可以通过调整它们的CSS样式，例如设置宽度、调整浮动属性或者使用clear属性来避免元素重叠。

相关问题

html中两个div并排显示

要让两个div并排显示，可以使用CSS的float属性或者display属性。

1. 使用float属性：

HTML代码：

<div class="left">左侧内容</div>
<div class="right">右侧内容</div>

CSS代码：

.left {
  float: left;
  width: 50%;
}

.right {
  float: right;
  width: 50%;
}

2. 使用display属性：

HTML代码：

<div class="container">
  <div class="left">左侧内容</div>
  <div class="right">右侧内容</div>
</div>

CSS代码：

.container {
  display: flex;
}

.left {
  width: 50%;
}

.right {
  width: 50%;
}

以上两种方法都可以让两个div并排显示，具体选择哪一种取决于你的需求和实际情况。

如何在div中使两个div对应一个div

可以使用CSS的flex布局来实现两个div并排在一个div中的效果。具体步骤如下：

1. 在包含两个div的外层div上添加display: flex;的样式，使其成为一个flex容器。
2. 在两个子div上添加flex: 1;的样式，使它们平分父容器的宽度。
3. 可以在需要的情况下，为两个子div添加padding、margin等样式来控制它们之间的距离。

示例代码如下：

HTML：

<div class="container">
  <div class="left"></div>
  <div class="right"></div>
</div>

CSS：

.container {
  display: flex;
}

.left, .right {
  flex: 1;
}

这样就可以使左右两个div并排在一个div中了。