《 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 the appropriate*/ Z-index: 1;/* At the top, the value can be changed. If it does not take effect, it can be changed to 100*/ Position: fixed;/* floating*/ }

 { Top: 100px*/ }

 { Top: 100px! Important;/* behind `! 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 review prompts: (The position: static attribute can prevent top from having an impact. Try setting the position to exclude static)
position: relative;
For example:

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