《 Top menu of css floating div 》

When the original top menu is opened, the content will be squeezed down. When sliding up, the menu will not be visible, which is not beautiful. If you want to open the DIV suspended below, the main content of sliding up can also see the menu following the suspension, and you can also see the menu.

 #header { width: 100%; /*Because setting the floating width will change, add and modify your own*/ z-index: 1; /*At the front, the value can be changed to 100 if it does not take effect*/ position: fixed; /*Floating*/ }

 { top: 100px; /*Modify the following DIV that may block you. Add the following DIV and modify the appropriate value*/ }

 { top: 100px ! important; /*Back '! Z-index 'force CSS to take effect*/ }

Then it may be forced to take effect, but it cannot. Add the following to you top: 100px The browser reviews the location: (position: static attribute can prevent top from having an impact. Try setting the position to be static)
position: relative;
For example:

 #content { top: 100px; position: relative; }