动态调整div的大小

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，否则它将使其宽度适应最小宽度而不是最大宽度。