我有两个< div> ;,一个嵌套到另一个定义如下：
<div class="wrapper">
<div class="content">
[..] Content [..]
</div>
</div>
css：
#div.wrapper
{
width: 660px;
overflow: hidden;
float: left;
}
#div.content
{
white-space: Nowrap;
}
效果就是我想要的,内容在内部水平放置但在超过时隐藏,(然后我用jQuery滚动它).
由于我不知道.content的内容(也不是可预测的),我需要知道它的实际宽度(由内容定义),但.width()和.innerWidth()都给出了相同的结果首次调用时为660(如容器div)和660 x,当我通过设置负边距向左滚动它后调用它(x是带有边距的左移位).
如何获得元素的真实的,依赖于内容的宽度？谢谢
解决方法
默认情况下,Div在其父级中占据全宽,因此宽度始终为父级的宽度.
如果你不想那样,你会用
#div.content
{
white-space: Nowrap;
display: inline-block;
}
或者可能
#div.content
{
white-space: Nowrap;
float: left;
}
将#div.content元素分别转换为内联或浮点元素,只占用所需的空间(即不一定是父提供的所有空间).这应该工作！