<!DOCTYPE html>
<html lang="ko">
<head>
<link rel="stylesheet" href="reset.css">
<style>
body{background-color: darkgreen;
margin: 0;}
.parent{
width: 600px;
height: 300px;
background-color: darkslateblue;
margin: 150px;
position: relative;}
.child{
width: 100px;
height: 50px;
background-color: darkseagreen;
right: 10px;
bottom: 10px;
position: absolute;}
</style>
</head>
<body>
<div class="parent">
<div class="child"></div>
</div>
</body>
</html>
- 부모요쇼 : relative / 자식요소 : absolute
'CSS' 카테고리의 다른 글
| [CSS] float (0) | 2024.06.01 |
|---|---|
| [CSS] z-index (0) | 2024.06.01 |
| [CSS] sticky (0) | 2024.06.01 |
| [CSS] fixed (0) | 2024.06.01 |
| [CSS] relative (0) | 2024.05.31 |
