主页
CSS
CSS 布局 position 定位属性
trycss_position_absolute
运行 ❯
×
更改方向
保存代码
更改主题
<!DOCTYPE html> <html> <head> <style> div.relative { position: relative; width: 400px; height: 200px; border: 3px solid #73AD21; } div.absolute { position: absolute; top: 80px; right: 0; width: 200px; height: 100px; border: 3px solid #73AD21; } </style> </head> <body> <h2>position: absolute;</h2> <p>具有 position: absolute; 的元素； 相对于最近定位的祖先定位（而不是相对于视口定位，如 fixed）：</p> <div class="relative">这个 div 元素有 position: relative; <div class="absolute">这个div元素有position: absolute;</div> </div> </body> </html>