Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Class 我能';不要让这些div水平显示_Class_Html_Position - Fatal编程技术网

Class 我能';不要让这些div水平显示

Class 我能';不要让这些div水平显示,class,html,position,Class,Html,Position,我在一个接一个(水平)显示网格_8块时遇到问题 前两个格线8格线并排走,但最后一个格线在下面。。。有人能看出我在这段代码中是否做错了什么吗?如果你需要更多的信息,请询问,我会发布更多的代码 谢谢 <div class="wrapper"> <div class="grid_24"> <div class="wrapper indent-bottom8"> <h3 class="title1 p4">Our Ser

我在一个接一个(水平)显示
网格_8
块时遇到问题

前两个格线8格线并排走,但最后一个格线在下面。。。有人能看出我在这段代码中是否做错了什么吗?如果你需要更多的信息,请询问,我会发布更多的代码

谢谢

<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>

我们的服务
整体式、混凝土、车道、板条、墙壁、花园家具、前院等。。。
购物中心,装货区,停车场,小径,啤酒花园等等。。。
建筑工地,新建清洁合同。任何需要清理的东西:打电话给我们!

没有看到你的CSS,我只是在猜测。我想说你可以尝试在div中添加float:left。此外,你应该仔细检查你的边距和填充,以确保它们没有超过允许的宽度。如果您有三个900px的方框,填充为10px,则宽度将变为920px。

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

转到css并在grid_8类属性下定义:

.grid_8
{
float:right;
}

这将在水平方向上排列它们…

你也可以发布CSS吗?如果没有看到任何CSS,我怀疑你的父div不够长,无法容纳所有3个,因此它正在进行换行,如果网格上有更多的填充/边距,那么通常会发生这种情况,或者每个网格的宽度不正确。css问题与提供的css代码更相关,请修复您的问题。没有css谁也帮不上忙。我宁愿说,没有css就没有任何问题,因此没有可能的答案。但是对于指导原则+1:-)干杯,伙计,把尺码弄得一团糟,真是太棒了。