- 투명도가 있어 비춰짐
- absolute를 쓰면은 3차원 공간이 생겨서 겹칠 수 있음
:브라우저 기준
absolute를 쓰면 좋은게 높낮이, 높낮이는 어느 element에 있던 변하지 않음
- relative는 부모의 속성에 따라 움직임
:부모 기준
화살표 작은 버튼 등에 적용
- fixed : 계속 따라 붙음
#box1{
width:400px;
height:200px;
background-color:pink;
}
#box2{
width:400px;
height:200px;
background-color: yellow;
top: 10px;
left:10px;
}
#box3{
width:200px;
height:200px;
background-color:black;
position:relative;
top:10px;
}
</style>
</head>
<body>
<div id="box1">
a
</div>
<div id="box2">
<div id="box3">
</div>/**안으로 들어가야 위의 내용과 relative로 들어감**/
</div>
</body>
</html>
'HTML' 카테고리의 다른 글
| [HTML] 프레임 만들기 (0) | 2021.03.18 |
|---|---|
| [HTML] 리뷰_내가 모르던 팁 (0) | 2021.03.18 |
| [HTML] dl_dt_dd_clear:both; (0) | 2021.03.17 |
| [HTML] 박스 만들기 (0) | 2021.03.16 |
| [HTML] Q&A (0) | 2021.03.16 |