Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |
Tags
- 요구사항정의서
- https://www.inflearn.com/course/lecture?courseslug=%ea%b9%80%ec%98%81%ed%95%9c%ec%9d%98-%ec%8b%a4%ec%a0%84-%ec%9e%90%eb%b0%94-%ea%b8%b0%eb%b3%b8%ed%8e%b8&unitid=194690
- Request
- WAS
- 한글깨짐
- Forwarding
- 화면정의서
- sendRedirect
- Spring MVC
- POST방식
- while문
- GET방식
- Break
- 피그마
- 다형성 #부모타입 #자식타입
- webserver #WAS #ServerApp
- 김영한
- 매핑 #
- Dispatcher
- CONTINUE
- xml
- JSON형식의 response
- Servlet
- 톰캣
Archives
- Today
- Total
Step it up now
[CSS] Position- relative /absolute 3 본문
▶html
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel = "stylesheet" href="a3.css">
</head>
<body>
<div class="parent">
<div class="child">123</div>
<div class="child abs">456</div>
</div>
</body>
</html>
▶ css
.parent{
border: 5px solid blue;
color: blue;
background-color: lavender;
padding: 1rem;
position: relative; /*상위클래스(나)를 기준으로 벗어나지 않도록*/
}
.child{
border: 2px dotted red;
color: black;
background-color: hotpink;
padding: 1rem;
}
.abs {
position: absolute;
top:0px;
left: 0px;
}
▶
'수업 > JavaScript, css, html' 카테고리의 다른 글
원시형 / boolean (0) | 2023.11.12 |
---|---|
Firebase (0) | 2023.11.08 |
[CSS] Position- relative /absolute 2 (0) | 2023.10.31 |
[CSS] Position- relative /absolute (0) | 2023.10.31 |
html 1 (0) | 2023.10.30 |