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

This article introduces the knowledge of "how to use position in html". In the operation of actual cases, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

If you want the number to move with the shopping cart, you must locate the two of them together. If you locate them, you must need position. First of all, set the position of the div of the number to absolute, which has a sense of layer. Because the parent tag of the position of the number at this time is body, you can also set the top and left to the desired position with the shopping cart, but if you change the margin of the shopping cart, the two cannot move together. So set the position of the shopping cart to relative, so that the parent tag of the digital position becomes the shopping cart, and no matter how the margin of the shopping cart is adjusted, the number will move with it.

Day03.html

/ * first write a div*/ of position

# car {

Width:150px;height:30px

Background: # 999999

Color:white;text-align: center

Line-height: 30pxmargin: 232px 300px

Border:1px solid black;position: relative

}

# num {

Width:20px;height:20px;background: red

Color:white;text-aligh:center

Line-height:20px;position: absolute

Top:-15px;left:25px

}

Go to the shopping cart to pay

0

This is the end of the content of "how to use position in html". Thank you for reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!

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.