有没有办法将div放在另一个之后？

对于我的项目，我想使用一个页脚，直接在主行之后。主行应该具有与页脚相同的边界半径。此时页脚覆盖了主要行的一部分。我当前的HTML代码：有没有办法将div放在另一个之后？

<div class="row main"> 
    <aside class="col-lg-1"> 
     [...] 
    </aside> 
    <main class="col-lg-11"> 
     <h1> 
      Have a nice day! 
     </h1> 
     <p> 
      [...] 
     </p> 
    </main> 
    <aside> 
     [...] 
    </aside> 
</div> 
<footer class="row"> 
    <div class="col-lg-12"> 
     <ul class="nav navbar-nav"> 
      [...] 
     </ul> 
    </div> 
</footer>

这是CSS代码：

.main { 
    border-bottom-left-radius: @border-radius-large*6; 
    border-bottom-right-radius: @border-radius-large*6; 
    padding-bottom: 10px; 
    margin-bottom: -60px; 
} 

footer { 
    padding-top: 70px; 
    background-color: blue; 
    border-bottom-right-radius: @border-radius-large*6; 
    border-bottom-left-radius: @border-radius-large*6; 
}

我已经试图通过使用z-index选项来解决这一问题，但是没有奏效。

THX为您提供帮助。

来源

2015-09-28 andi-g

你需要你的SASS/LESS转换到正规的CSS，如果你想从我们这些谁不使用帮助。 – Rob

@符号只是一个变量，允许您为半径设置标准。这意味着：border-bottom-right-radius：10px; –

您正在使用margin-bottom:-60px在类main。删除它，你的footer将保持在你的主要行之后。

编辑
下方使用您的评论，我想我看到你的问题，所以不是删除margin-bottom在main类，你在main从10px改变padding-bottom价值60px
P/S：如果你想与footer增加你的最后aside之间的空间，增加你padding-bottom在main

来源

2015-09-28 02:34:28

但是，当我删除保证金时，我在.main和footer之间有一条直线。我想要得到的，是页脚落后的边界半径 - 这意味着页脚的背景色应该填满空闲空间。对不起，我不允许因声誉而添加图片。 THX –

@ andi-g好，接下来你想要什么？ 'main'和'footer'之间的界限消失了吗？并给我你的CSS @边界半径大* 6'所以我可以有一个更好的演示来测试 –

** border-bottom-left-radius：** 60px;还有** border-bottom-left-radius：** 60px;如果你把它放在.main中，那么在.main和footer之间会有一个空格。所以我想用footer的背景色填补.main和footer之间的空白。 –

有没有办法将div放在另一个之后？

回答

相关问题