html - 如何在浮动上堆叠 div？

Question

网站：http
://bit.ly/13nL8jV 演示：http: //jsfiddle.net/bBckp/

简介：我试图让当前程序漂浮在签名程序下，但没有运气。页脚中的所有列都有 CSS：

float: left;
width: 29%;

这些列是动态的，所以我不能只将 SIGNATURE 和 CURRENT 包装在它自己的 div 中（我可能会用 JS 破解它）...澄清 - 我指的是 FOOTER 中的菜单。

有什么想法我可以用 CSS 做到这一点吗？

Answer 1

您可以像这样调整元素。这确实会在原来的位置留下一个洞，但这就是相对定位的作用。

.item-130 {
   position:relative;
   left:-180px;
   top:25px
}

或者，您可以将父 UL 设置为position:relative，并使用绝对定位：

.nav-pills {
    position:relative;
}

.item-130 {
   position:absolute;
   left:0px;
   top:25px
}

Answer 2

它可以帮助你

像这样的html；

<div class="wrapper">
    <div class="SIGNATURE PROGRAMS">
        ..........
    </div>
    <div class="CURRENT PROGRAMS">
        ..........
    </div>
</div>

和CSS

.wrapper{
  overflow:hidden;
}
.SIGNATURE PROGRAMS{
  float:left;
}
.CURRENT PROGRAMS{
 clear:both;
}

编辑::如果你不能改变你的 html..那么你可以试试这个

.moduletable.current-prog {
  position: relative;
  left: -29%;
  margin-top: 100px;
  }