Jquery,溢出时得到div宽度:隐藏;

Question

当div在另一个div中时,我怎么能得到div宽度"overflow:hidden;" ？

我尝试将overflow设置为auto并在使用$("#divselector").width()之后但我总是得到父div宽度!

例如:

HTML:

 <div id="content"> 
            <div id="item">content content content ...</div>
 </div>

CSS:

#content
{            
    width: 760px;
    height: 100%;
    overflow: hidden;
    display: block;
    position: relative;
    cursor: move;
}

细节:使用IE 6工作,但在IE 8中没有...

Answer 1

默认情况下,div将扩展到其父级的宽度.

如果将项目浮动在div中,则该项目将不再扩展到父项的宽度.

将以下内容添加到您的样式中:

#item { float: left; }

看看这是如何工作的:http://jsbin.com/umabe/edit

+1 - 这有效。与提供“position:absolute”或“display:inline-block”（对于支持的浏览器）一样。`div` 将扩展到超出父级的大小，并给出正确的值。 (2认同)