0

サイト: http://bit.ly/13nL8jV
デモ: http://jsfiddle.net/bBckp/

簡単に言うと、CURRENT PROGRAMS を SIGNATURE PROGRAMS の下に浮かせようとしていますが、うまくいきません。フッターのすべての列には CSS があります。

float: left;
width: 29%;

列は動的であるため、SIGNATURE と CURRENT を独自の div にラップすることはできません (おそらく JS でハックできます)... 明確化 - FOOTER のメニューを参照しています。

CSSだけでこれを行う方法はありますか？

4

2 に答える 2

1

このように要素を微調整できます。これにより、以前の場所に穴が残りますが、それは相対配置が行うことです。

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

または、親 UL を に設定し、position:relative絶対配置を使用することもできます。

.nav-pills {
    position:relative;
}

.item-130 {
   position:absolute;
   left:0px;
   top:25px
}
于 2013-08-15T18:09:02.110 に答える
0

それはあなたを助けるかもしれません

このように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;
  }
于 2013-08-15T18:09:56.480 に答える