我做了一些谷歌搜索,发现了许多关于我试图解决的问题的参考资料,但都提出了我不能使用的相同解决方案。问题是我有一个侧边栏向右浮动,一些 div 需要扩展到侧边栏剩余的宽度,但是当侧边栏不再阻止它们这样做时,它们会扩展到全宽。
jsfiddle 在这里:http: //jsfiddle.net/qdk3n/
在其他地方找到的解决方案是应用于overflow: hidden;
这些.left
项目。这完全达到了我想要的效果:与侧边栏共享水平空间的 div 只会扩展到侧边栏,但其他 div 会扩展到允许的最大宽度。不幸的是,左侧 div 内会有一个绝对定位的项目超过 div 的大小,如果我 apply 会被裁剪overflow: hidden;
,所以我不能使用它。有什么方法可以在不使用的情况下完成我想做的事情overflow: hidden;
?
注意:在页面呈现时间之前,我不知道侧边栏或任何左侧 div 的大小,并且我不能以任何方式、形状或形式使用 Javascript(因为这适用于禁用 JS 的用户)。我可以在所有这些中设置的唯一尺寸是侧边栏的宽度;div 需要流畅,我不能随意选择其中的一些来仅扩展部分方式。
另请注意:我见过这个:Div stretch 然后环绕其他浮动 div。这正是我想要做的,但唯一真正的解决方案是overflow: hidden;
属性,我不能使用它。