1

我有一个名为 content 的主容器,在该容器中我有 3 个 div。现在我希望它们像这样彼此相邻对齐:XX X。在我读到的教程中,我应该将它们全部浮动到左侧。这适用于前两个,但第三个永远不会出现。我确定路径是正确的,因为当我把它放在第二个位置时它确实出现了。有人可以帮助我吗?

HTML

<div id="content"
    <div id="about_us"></div>
    <div id="our_services"></div>
    <div id="contact_us"></div>
</div>

CSS

#content {
width: 1200px;
height: 254px;
}

#about_us {
background-image: url(../website/images/about_benshore.png);
width: 307px;
height: 183px;
float: left;
margin-top: 26px;
margin-left: 119px;
}

#our_services {
background-image: url(../website/images/our_services.png);
width: 308px;
height: 184px;
float: left;
margin-top: 26px;
margin-left: 23px;
}

#contact_us {
background-image: url(../website/images/contact_us.png);
width: 307px;
height: 183px;
float: left;
margin-top: 26px;
margin-left: 23px;
}
4

1 回答 1

0

尝试将溢出:自动添加到#content。

还要确保元素的宽度加上它们各自的边距加起来不超过#content 的宽度。

于 2012-07-24T16:18:51.973 回答