css - 水平对齐 3 个 div

Question

我有 3 个要水平对齐的 div，我已将此代码用于我网站上的其他 div，它们正在运行，这些代码中是否缺少某些内容？ example

#christmas_product_boxes{width:1000px; height:auto;}
.christmas_boxes {float:left; width:300px; height:auto;}
.christmas_boxes + .christmas_boxes {margin-left:20px;}
.christmas_boxes > div {width:300px; height:auto; clear:both;}
.christmas_mattress_title {color:#000000;}
.christmas_pillows_title {color:#2B436B;}
.christmas_beds_title {color:#333333;}
.christmas_mattress_text {font-size:13px;}
.christmas_pillows_text {font-size:12px;}
.christmas_beds_text {font-size:11px;}

Answer 1

每个子框都需要有 .christmas_boxes 类，如下所示:

<div id="christmas_product_boxes">
    <div class="christmas_boxes">
        <div class="christmas_mattress">
        ...
    </div>
    <div class="christmas_boxes">
        <div class="christmas_pillows">
        ...
    </div>
    <div class="christmas_boxes">
        <div class="christmas_beds">
        ...
    </div>
</div>