当子元素的宽度大于其父元素时,它会超过父元素的宽度。我想相反,它超过了父级的宽度,它使这个right
设置为“0”,使其粘在父级 Div 的右侧,这可能吗?
看那个例子: http
: //jsfiddle.net/rTg3x/3/ inner1 div超过了主div限制,而inner2 div没有,我想把inner1 div粘在右边,不知道left
CSS的数量它有。
那可能吗?提前非常感谢。
当子元素的宽度大于其父元素时,它会超过父元素的宽度。我想相反,它超过了父级的宽度,它使这个right
设置为“0”,使其粘在父级 Div 的右侧,这可能吗?
看那个例子: http
: //jsfiddle.net/rTg3x/3/ inner1 div超过了主div限制,而inner2 div没有,我想把inner1 div粘在右边,不知道left
CSS的数量它有。
那可能吗?提前非常感谢。
你可以尝试一些讨厌的 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'});
});
</p>
回答: 在这种情况下,这是不可能的。
在这种情况下,您的内部分隔线是绝对定位的,因此与父级分隔线没有关系。它延伸出来是因为你已经陈述了导致这种情况的价值观left
。top
相对定位的子分隔线不会出现这种情况。
不确定,如果我理解你的问题。
这是你要找的东西:http: //jsfiddle.net/rTg3x/5/ ??