搜索文档
首页
HTML/CSS
JavaScript
服务端开发
Java教程
移动端
数据库
当前位置:
首页
HTML/CSS
CSS 教程
CSS 基础教程
源代码
清空
点击运行
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Example of CSS positioning</title> <style> p { width: 200px; padding: 10px; } .up { background: #ee665a; position: absolute; top: 0; } .down { background: #b0d878; position: absolute; bottom: 0; } </style> </head> <body> <p class="up">此段落位于文档视口的顶部.</p> <p class="down">此段落位于文档视口的底部.</p> </body> </html>
运行结果
