javascript - 絶対配置要素をコンテナー幅に制限する

Question

フィドル

ドロップダウンメニューのような絶対配置要素があります。「ITEM」の下にあるはずですが、ウィンドウが狭くなると十分なスペースがありません。

私のポイントは次のとおりです。

-ドロップダウンの右端は、そのコンテナからオーバーフローしてはなりません。ドロップダウンには次のようなものが必要ですmax-right: 0;

-クロスブラウザである必要があります

-jsを避けるのは素晴らしいことですが、それが不可能な場合は、jsはできるだけシンプルで高速にする必要があります。

Answer 1

width絶対子の を に設定し100%て、親を相対的に配置することができます。

デモ: http://jsfiddle.net/DZQtt/2/

li {
    ...
    position: relative;
}
.b {
    ...
    width: 100%;
}