動態調整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，因爲否則它會將其寬度調整爲最小寬度而不是最大寬度。