-1

grid_8ブロックを次々に (水平に)表示するのに問題があります。

最初の 2 つの grid_8 div は横に並んでいますが、最後の div はその下にあります...このコードで何か間違ったことをしていないかどうか、誰にもわかりますか? さらに情報が必要な場合は、質問してください。さらにコードを投稿します。

ありがとう！

<div class="wrapper">
   <div class="grid_24">
      <div class="wrapper indent-bottom8">
         <h3 class="title1 p4">Our Services</h3>
         <div class="grid_8">
            <div class="banner maxheight">
               <figure class="img-indent">
                  <img src="images/page1-img1.jpg" alt="">
               </figure>
               <h5><a href="services.html">RESIDENTIAL <br class="hide-tp">CLEANING</a></h5>
               Monoblock, concrete, driveways, slabbing, walls, garden furniture, forecourts and more...
            </div>
         </div>
         <div class="grid_8">
            <div class="banner maxheight">
               <figure class="img-indent">
                  <img src="images/page1-img2.jpg" alt="">
               </figure>
               <h5><a href="services.html">COMMERCIAL <br class="hide-tp">CLEANING</a></h5>
               Shopping centres, loading bays, car parks, pathways, beer gardens and more...
            </div>
         </div>
         <div class="grid_8 last-item">
            <div class="banner maxheight">
               <figure class="img-indent">
                  <img src="images/page1-img3.jpg" alt="">
               </figure>
               <h5><a href="services.html">CONSTRUCTION <br class="hide-tp">CLEANING</a></h5>
               Building sites, new build cleaning contracts. Anything that needs cleaned: give us a call!
            </div>
         </div>
      </div>
   </div>
</div>
4

2 に答える 2

2

あなたのCSSを見なくても、私はただ推測しています。float:left を div に追加してみてください。また、マージンとパディングを再確認して、許可されている幅を超えていないことを確認する必要があります。パディングが 10px の 900px のボックスが 3 つある場合、幅は 920px になります。

于 2013-07-01T17:38:19.250 に答える