Question

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

简介：我正试图让当前计划在SIGNATURE PROGRAMS下浮动而没有运气。页脚中的所有列都有CSS：

float: left;
width: 29%;

列是动态的，所以我不能将SIGNATURE和CURRENT包装在它自己的div中（我可能用JS破解它）... CLARRIFICATION - 我指的是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;
  }

如何在浮动上堆叠div？

2 个答案: