javascript - 親の幅を超える要素の特定のルール

Question

子要素の幅が親よりも大きい場合、親の幅を超えます。代わりに、親の幅を超えています。これrightを「0」に設定して、親の Div の右にくっつけます。それは可能ですか?

その例を参照してください: http://jsfiddle.net/rTg3x/3/ inner1 div はメインのdiv 制限を超えていますが、inner2 div はそうではありませんleft。それが持っていること。

それは可能ですか？よろしくお願いします。

Answer 1

厄介なjQueryを試すことができます。これが私が思いついたものです。それは機能しますが、おそらくそれを行うためのよりクリーンな方法があります。

if(($('#inner1').offset().left + $('#inner1').width()) > $('#main').width()){
    $('#inner1').css({'right':'0', 'left': 'auto'});
}

基本的には、divの幅に左からのオフセットを加えたものが親の幅よりも大きい場合は、右揃えにします。

yaのより一般的な。

$('#main').find('div').each(function() {
    if($(this).offset().left + $(this).width() > $('#main').width()) 
        $(this).css({'right':'0', 'left': 'auto'});

});

</ p>

Answer 2

回答：この場合は不可です。

この場合の内側の仕切りは絶対に配置されるため、親の仕切りとの関係はありません。leftあなたがこれをtop引き起こす値を述べたので、それは広がります。これは、相対的に配置された子ディバイダーには当てはまりません。

Answer 3

私があなたの質問を理解したかどうかわかりません。

これはあなたが探しているものですか: http://jsfiddle.net/rTg3x/5/ ??