超出父级的元素的特定规则's宽度

Specific Rule for elements that exceeds the parent's Width

本文关键字：宽度 规则 元素      更新时间：2023-12-05

当子元素的宽度大于其父元素的宽度时，它就超过了父元素的宽度。相反，我希望它超过父对象的宽度，它使right设置为"0"，使其保持在父对象的Div的右侧，这可能吗？

参见该示例：http://jsfiddle.net/rTg3x/3/inner1div超过了maindiv的限制，而inner2的div没有，我希望inner1div被粘在右边，而不知道它有多少leftCSS。

这可能吗？提前非常感谢。

您可以尝试一些讨厌的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'});
});

​

答案：在这种情况下，这是不可能的。

在这种情况下，您的内部分隔符是绝对定位的，因此与父分隔符没有关系。它的扩展是因为您已经声明了导致这种情况的left和top值。相对定位的儿童分隔器不会出现这种情况。

不确定，我是否理解你的问题。

这就是你想要的：http://jsfiddle.net/rTg3x/5/??

相关文章：