1

私はオンラインになり、見栄えの良いドロップダウンメニューを見つけて、ドロップダウンメニューが画面の幅の100％になるようにコードを編集しようとしており、その中にリンクを幅で保持するラップがあります960pxの。しかし、ドロップダウンを100％にすることはできません。

http://jsfiddle.net/jWSPz/

問題はここのどこかにあると思います... 

 ul li ul {
  padding: 0;
  position: absolute;
  top: 48px;
  left: 0;
  width: 150px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
  }

それが私が編集しようとしていたドロップダウンです。このドロップダウンのようにしたい

http://au.beatsbydre.com/

4

1 に答える 1

1

私はあなたが望むものだと思うメニューウィッチの幅を得ることができました.

ワーキングデモ

次の（とてもシンプルな）コードを追加しました

削除されました

ul li{
   position:relative;
}

に追加

ul{
   position:relative;
}

画面の全幅にしたい場合は、これを行うだけです

削除する

ul li{
   position:relative;
}

追加

ul li .dropDown{
     top: 75px;
}

作業デモ 2

お役に立てれば、

幸運を ：）

于 2013-05-08T13:54:15.793 に答える