所以,我有一个
<div style="width:250px;border: 1px solid;overflow:auto" id="container">
<div style="float:left;">Vasileostrovsky rayon</div>
<div id="rightAlignedDiv"> Div which will be expanding </div>
</div>
如何使 #rightAlignedDiv
扩展到左侧。换句话说,当 #rightAlignedDiv
足够宽时,我希望它把左边的推得更小,只有左边的 div 可以移动到新的一行:)。
这是演示困境的 fiddle http://jsfiddle.net/eC9ZX/1/
这必须使用 css 以某种方式解决。 JS 解决方案会使逻辑过于复杂。而且它不会是一个优雅的。
最佳答案
window.alterWidth = function() {
var testWidth=parseInt(document.getElementById("testId").style.width);
var testWidth1=parseInt(document.getElementById("rightDiv").style.width);
document.getElementById("testId").style.width = (testWidth-33)+'px';
document.getElementById("rightDiv").style.width = (testWidth1+33)+'px';
var newImg = $('#com_ibm_ioc_spb_kpi_StatusBox_412').clone();
$('#rightDiv').append(newImg);
}
为两个 div 提供 id 并使第一个 div 自动溢出。
也试试这个 fiddle http://jsfiddle.net/L774V/
关于javascript - 展开右侧 float 的 div 以插入左侧的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24425326/