본문 바로가기

[CSS] Position

카테고리 없음 2020. 3. 23.

반응형

block : 한 줄에 하나
<div> , <form>, <h1>~<h6>, <li>, <ol>, <ul>, <p>, <pre>, <table>

inline : 한 줄에 여러개씩
<a>, <input>, <img>, <span>

position : 위치를 직접 지정

- static : 한 줄에 하나
- relative : 배치되어야 할 곳을 기준으로 지정한 값 만큼 떨어진다. (left, right, top, bottom)
- absolute : 가장 가까운 상위 요소를 기준으로

float : 다른 요소의 좌/우에 배치
- left : 좌측 끝
- right : 우측 끝
- none

728x90

Comments