超過父寬度的元素的特定規則

當子元素的寬度高於其父元素時，它會超過父元素的寬度。我想相反，它超出了父母的寬度，使其有這個right設置好的「0」使其粘在父母的股利的權利，這可能嗎？超過父寬度的元素的特定規則

請參見例如：http://jsfiddle.net/rTg3x/3/ 的inner1 DIV超過主要格的限制，而inner2格犯規，我想將inner1 DIV得到粘到右側，在不知道的left量它有CSS。

這可能嗎？非常感謝。

2012-07-18 Feel The Noise

你可以嘗試一些討厭的jQuery。這是我想出來的。它的工作原理，但可能更乾淨的方式來做到這一點。

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

基本上說，如果div的寬度加上左邊的偏移量大於父級的寬度，請將它右對齊。

更通用爲雅。

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

});

來源

2012-07-18 17:37:50 Chad

哇，那個人很好，我用簡單的Javascript嘗試過，但是我不能用最終的PX做一些他們，現在用JS你只能在Numbers中得到它！瞭解了這個答案的兩件事，非常感謝！ – 2012-07-18 17:49:16

不好意思提出另一個問題，但是可以用類或標籤來代替ID嗎？再次感謝！ – 2012-07-18 17:54:07

更新爲更通用的版本。 – Chad 2012-07-18 18:02:14

答：在這種情況下，這是不可能的。所以與父母分隔沒有關係

你在這種情況下，內部分隔的絕對位置。它延伸出來是因爲你已經聲明left和top這個值。相對定位的兒童分隔線不是這種情況。

來源

2012-07-18 17:09:31

阿門!!!!!!!!!!!! – Vinit 2012-07-18 17:10:15

嗯，但如果安布Abululte，如果它是相對的，而不是使用餘裕離開，會有可能嗎？非常感謝！ – 2012-07-18 17:12:44

不確定，如果我理解你的問題。

這是你在找什麼： http://jsfiddle.net/rTg3x/5/？

來源

2012-07-18 17:12:55

不，沒有，如果超過父母的寬度，它應該粘在右側，而不是隱形的，明白嗎？無論如何，非常感謝！ – 2012-07-18 17:15:00

超過父寬度的元素的特定規則

回答

相關問題