Shulou(Shulou.com)06/02 Report--

Editor to share with you how to make Dreamweaver page suspended in a fixed position of navigation, I believe that most people do not understand, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!

1. Start Dreamweaver and create a new html software

2. After you have created it, you can see the automatically generated web page code.

3. Add the style code to head and insert a div into body

4. To make it easy to see the effect, you can define the height of the diV above the screen. And introduce style a.

.a {width: 1920pxscape height: 10000pxbot background: # BFBFBF;}

5. Write a DIV module and introduce CSS to simulate a square red code. After refreshing, you can see that the written module is only at the top, not suspended in a fixed position.

.b {width: 100pxposition height: 100pxposition background: # ff0000;}

6. At this point, you need to use position: fixed; code. The code is as follows:

Position: fixed;left: 100pxposit top: 100pxposittzMusi index: 100px

After the width and height are set, they are fixed in the same position. Z-index sets the DIV to the top level, so it's OK. Let's drop down the page to see if it is fixed in this position.

The above is all the content of the article "how to make navigation suspended in a fixed position on a Dreamweaver page". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.