CSS positioning-在线运行代码案例-大卫编程网

xxxxxxxxxx
 
<!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>