动态调整divs

Question

我做了大量的研究，并没有去任何地方。

我想找到一种方法来动态地重新调整div的大小，当一个滑动菜单从屏幕左侧展开时。

理想情况下，滑动菜单会在菜单展开时调整div的宽度。

任何建议将是伟大的？

Answer 1

这里是您的解决方案的链接： http://jsbin.com/inayeg/2/edit

如果你不想扩大悬停的菜单，而是点击比如，你将不得不使用JavaScript。

对于这一点，只需添加一个按钮，比如：id '#mybutton'，然后添加此javascript：

var expandBt = document.getElementById('mybutton'); 
var menu = document.getElementById('menu'); 
expandBt.onclick(function() { 
    menu.style.width = 15%; // expand menu 
}); 
// record a counter for clicking collapse/expand, or place another button to collapse. 

注：你当然可以用像素代替百分比。不要浮动#main div，因为否则它会将其宽度调整为最小宽度而不是最大宽度。