css - 将两个 div 并排放置在另一个更大的居中 div 下方？

Question

我想在居中的 div (box1) 下方放置两个 div (bboxl & bboxr)。 div bboxl 和 bboxr，包括边框，是 bbox1 的一半大小。

在 box1 和 bboxl/bboxr 之间也应该有一个 10px 的水平缓冲区(填充？)以及在 bboxl 和 bboxr 之间有一个 10px 的垂直缓冲区。

这是 div 的 CSS:

#box1 {
margin: 10px auto;
padding: 10px 0px 10px 0;
height: 298px;
width: 918px;
background-color: white;
border: 1px solid #dcdcdc;
}

#bboxl, #bboxr {
padding: 0px 5px 0 5px;
height: 298px;
width: 398px;
background-color: white;
border: 1px solid #dcdcdc;
}

However, I end up with this.

我该怎么做才能解决这个问题？

Answer 1

你现在有其他盒子在里面box1关闭 <div> box 1 的标签在添加其他两个之前

添加:</div>关于<div id="wrap">然后将 bboxl 和 bboxr 设置为 display: inline-block