Question

我试图创建一个包含多个部分的网站，并且我在向部分添加填充时遇到了问题。我尝试将填充物放入容器中，但它不会影响各个div。如果我尝试对div进行操作，它会在内部进行并且边框仍然会触及。如果我尝试将div放在更多的div中，那就不顺利了。什么出错了？我会告诉你我的相关代码：

＆＃13;

.container {
  width: 100%;
  height: auto;
  padding-top: 5%;
  padding-right: 2%;
  padding-left: 2%;
}

.secbox {
  float: left;
  width: 48%;
  height: auto;
  border: 5px solid red;
  padding-top: 2%;
}

＆＃13;

<div class="container">
  <div class="secbox"> </div>
  <div class="secbox"> </div>
  <div class="secbox"> </div>
  <div class="secbox"> </div>
  <div class="secbox"> </div>
  <div class="secbox"> </div>
</div>

＆＃13;

Answer 1

<div class="container">
<div class="sec">
  <div class="secbox"> </div>
  <div class="secbox"> </div>
  <div class="secbox"> </div>
</div>
<div class="sec">
  <div class="secbox"> </div>
  <div class="secbox"> </div>
  <div class="secbox"> </div>
</div>
</div>




.container {
  width: 100%;
  height: auto;
  border: 5px solid red;
  display:table
}
.sec{
  width:50%;
  float:left;
  box-sizing:border-box;
}
.secbox {  
  border: 5px solid red;
  height: 20px;
  margin:5px
}

示例：Demo Link

将填充添加到容器内的多个div

1 个答案: