我需要两个并排的盒子，它们之间没有HTML和CSS

Question

如何将盒子分成？我需要一个左边的盒子和右边的另一个盒子，两个盒子之间没有任何空间。这两个盒子应该只用一条线分开。两个盒子应该是并排的。使用HTML或CSS。

Answer 1

要使该行充当分隔符，您可以使用border-right，但我建议在右侧的框中也使用border-left。 只需使用带显示的两个div：内联属性，每个宽度：50％;

Answer 2

<style>
.div1{
    width:45%;
    height:50%;
    float:left;
    background-color: blueviolet;
    }
    .div2{
        background-color: aquamarine;
    width:45%;
    height:50%;
    float:left;
    }
</style>
<div class="div1"></div>
<div class="div2"></div>

Answer 3

（可选）使用带有分隔符div的Flexbox。

.container {
  display: flex;
  height: 3em;
}

.left {
  background-color: blue;
  width: 40%;
}

.separator {
  width: 1px;
  background-color: darkgray;
}

.right {
  background-color: red;
  width: 40%;
}

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

Answer 4

试试这个：

＆＃13;

＆＃13;

.c1, .c2 {
  width: 200px;
  height: 200px;
  float: left;
}

.c1 {
  background-color: red;
}

.c2 {
  background-color: blue;
  border-left:1px solid #000;
}

＆＃13;

<div class="c1"></div>
<div class="c2"></div>

＆＃13;

＆＃13;

＆＃13;