<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> div{ margin: 10px; position: relative; border: 2px solid #d92010; } a{ display: block; } .class1{ background-color: #d92010; } .class2{ background-color: #a0d910; } .class3{ background-color: #1067d9; position: absolute; right: 50px; } 当父类元素没有定位时,默认相对与浏览器定位 当父类元素有定位时,与父类元素定位 </style> </head> <body> <div> <a href="#"class="class1">小盒子1</a> <a href="#"class="class2"id="id1">小盒子2</a> <a href="#"class="class3"id="id2">小盒子3</a> </div> </body> </html>
绝对定位absolute
最新推荐文章于 2023-05-24 22:16:01 发布