반응형
CSS 내부에서 Positon 을 부여하면 픽셀 단위로 상하좌우 좌표이동이 가능하다.
.태그명{
position : relative;
top : 픽셀;
bottom : 픽셀;
left : 픽셀;
right : 픽셀;
}
positon
- relative 내 원래 위치를 기준으로 이동
- static : 좌표이동 하지마
- fixed : 현재 화면이 기준,
- 현재 화면을 기준으로 고정되는 요소가 필요할 경우 사용한다. 상단 고정바 같은거
- absolute : 부보 태그를 기준으로 움직임
- 부모 태그 중 positon : relative 를 가진 애들을 기준으로
positon 부여할 경우 float 처럼 공중에 뜸
반응형
'강의정리들 > [2023] FullStack' 카테고리의 다른 글
form 과 input (0) | 2023.01.29 |
---|---|
[CSS]div 박스 크기 고정하는 법(max-width 안먹힐때) (0) | 2023.01.28 |
[CSS]마진 겹칠 때 해결 방법 margin collapse (0) | 2023.01.28 |
[CSS]selector .셀렉터 문법 (0) | 2023.01.28 |
[CSS]레이아웃- HTML 좌우배치: float 과 inline-block (1) | 2023.01.28 |