scrollable

问题 Is it possible to make the wrapper fill the window height (no scrolling) and the center div scrollable without messing around with pixels and javascript? <div id="wrapper"> <h1>Header</h1> <div id="center"> <div style="height:1000px">high content</div> </div> <div id="footer">Footer</div> </div> Basically I want the header to be visible at the top and the footer to be always visible at the bottom and have a scrollable content in the center which occupies the remaning height. The header,

问题 I tried this method (their fiddle) to enable scrollable menu with Bootstrap, but with that approach, the scrollable menu expands its container -- fiddle -- the non-scrollable menu, correctly, does not do this. How can I fix this? Suggestions on other approaches compatible with Bootstrap are appreciated too! For reference, here is the HTML from the first method\'s fiddle: <ul class=\"nav\"> <li class=\"dropdown\"> <a class=\"icon-key icon-white\" data-toggle=\"dropdown\" href=\"#\" style= \