1

content というメイン コンテナがあり、そのコンテナ内に 3 つの div があります。今、私はそれらを次のように並べて配置したいと考えています: XX X. チュートリアルでは、それらをすべて左にフロートさせる必要があることを読みました。これは最初の 2 つで機能しますが、3 つ目は表示されません。パスを2番目に置くと表示されるので、パスは正しいと確信しています。誰か助けてくれませんか？

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 に overflow:auto を追加してみてください。

また、要素の幅にそれぞれのマージンを加えた合計が #content の幅を超えないようにしてください。

于 2012-07-24T16:18:51.973 に答える