-1

我在一个grid_8接一个地（水平地）显示块时遇到问题。

前 2 个 grid_8 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 中。此外，您应该仔细检查您的边距和填充，以确保它们不超过允许的宽度。如果你有 3 个 900 像素的盒子，内边距为 10 像素，则宽度变为 920 像素。

于 2013-07-01T17:38:19.250 回答
1

当您尝试在水平规则中放置 div 的数量时，您必须定义 float 属性并将其设置正确，否则它将形成一个垂直结构......

转到您的 CSS 并在 grid_8 类属性下定义：

.grid_8
{
float:right;
}

这会将它们排列在水平方向...

于 2013-07-01T17:53:39.787 回答