2011-12-10 10 views
2

left CSSプロパティを使用して配置すると完全に機能するドロップダウンナビゲーションがあります。CSSの右端に配置された要素の幅の問題

http://jsfiddle.net/durilai/nmME4/1/

あなたがドロップダウンがコンテンツの幅に合わせて調整することを見ることができる、しかし、私はrightを配置したいと思います。ドロップダウンの幅を調整するとコンテンツに調整されません。この動作は以下のフィドルで見ることができます。

http://jsfiddle.net/durilai/cTSJt/2/

すべてのヘルプ

も、この動作を引き起こしているものへの知識も高く評価され、感謝されます。

答えて

1

これは基本的に、私が見ることのできるところから、要素(この場合はul)をセレクタとして直接使用することによって問題が発生しています。

私はこれがあなたのCSSの下のul要素に干渉していると思います。 最初のCSSルールをulから自分のID(Navigation_Main)に変更するだけで問題が修正されます。

固定例>http://jsfiddle.net/cTSJt/10/

おかげul

+0

これは完璧で興味深い動作をしました。どうもありがとう! –

4

right: 100pxは100pxにの幅を設定しているようです。

絶対配置する必要がない場合は、代わりにfloat: right;を使用してmargin-right: 100px;を使用してください。

JSFiddle:http://jsfiddle.net/cTSJt/12/

0

はあなたのdivの代わりのunorderリスト(UL)の要素を使用してみましたが。 "ul"をリスト要素にするすべての既定のスタイルを取り除くためにCSSを使用しているので、divで始めるのはいかがですか?私はそれが問題を解決することは保証できませんが、不要なCSSを排除し、問題をより簡単に見つけ出すことができるかもしれません。

そして実際にはulはテキスト文書の箇条書き項目のみに使用すべきではありませんか?