CSS：当应该有2时显示1个框

Question

<div></div><div></div>
<style>
  div {
    width: 16px;
    height: 16px;
    background-color: red;
  }
</style>

如果我检查输出日志，它会显示1个红色框，当我应该看到2

我该怎么办？

是因为我没有为div指定任何ID？

如果是，如何编写可以满足65535选项的CSS（256 ^ 2阵列）

Answer 1

div{
width:16px;
height:16px;
background-color:red;
border:1px solid;
}

<div></div><div></div>

它正在运作。问题出在哪儿 ？我为你准备了一些边框。

Answer 2

它已经呈现了两个红色div，但这些看起来很粘在一起所以它看起来只显示一个div。

你可以轻松修复它。

<div></div><div></div>
<style>
  div {
    width: 16px;
    height: 16px;
    background-color: red;
    margin: 2px;
  }
</style>

在同一行中创建两个div，只需在样式中添加此代码即可 display: inline-block;

这里有更多关于margin和display css属性的内容。