CSS 레이아웃 - position static 속성
CSS 레이아웃 - position 속성
이 position속성은 요소에 사용되는 위치 지정 방법의 유형 (정적, 상대적, 고정 또는 절대)을 지정합니다.
position 속성
이 position속성은 요소에 사용되는 위치 지정 방법의 유형을 지정합니다.
네 가지 위치 값이 있습니다.
- static
- relative
- fixed
- absolute
그런 다음 요소는 위쪽, 아래쪽, 왼쪽 및 오른쪽 속성을 사용하여 배치됩니다. 그러나 position 속성을 먼저 설정 하지 않으면 이러한 속성이 작동하지 않습니다 . 또한 위치 값에 따라 다르게 작동합니다.
position : static;
HTML 요소는 기본적으로 정적으로 배치됩니다.
정적으로 배치 된 요소는 위쪽, 아래쪽, 왼쪽 및 오른쪽 속성의 영향을받지 않습니다.
요소 position: static;는 특별한 방법으로 배치되지 않습니다. 페이지의 정상적인 흐름에 따라 항상 배치됩니다.
이 <div> 요소의 위치는 static입니다.
다음은 사용 된 CSS입니다.
div.static {
position: static;
border: 3px solid #73AD21;
}
<!DOCTYPE html>
<html>
<head>
<style>
div.static {
position: static;
border: 3px solid #73AD21;
}
</style>
</head>
<body>
<h2>position: static;</h2>
<p>An element with position: static; is not positioned in any special way; it is
always positioned according to the normal flow of the page:</p>
<div class="static">
This div element has position: static;
</div>
</body>
</html>

게시판 목록
퍼블리셔팁
질문은 상단의 QA에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 1277 | 기타 |
선택과집중
|
2개월 전 | 148 | |
| 1276 | CSS |
선택과집중
|
2개월 전 | 270 | |
| 1275 | CSS |
선택과집중
|
2개월 전 | 270 | |
| 1274 | CSS |
선택과집중
|
3개월 전 | 462 | |
| 1273 | 기타 |
선택과집중
|
4개월 전 | 401 | |
| 1272 | CSS |
선택과집중
|
4개월 전 | 531 | |
| 1271 | CSS |
선택과집중
|
5개월 전 | 579 | |
| 1270 | CSS |
선택과집중
|
5개월 전 | 457 | |
| 1269 | CSS |
선택과집중
|
5개월 전 | 539 | |
| 1268 | CSS | 6개월 전 | 429 | ||
| 1267 | 10개월 전 | 708 | |||
| 1266 | HTML | 10개월 전 | 838 | ||
| 1265 | CSS |
|
1년 전 | 768 | |
| 1264 | 1년 전 | 1259 | |||
| 1263 | HTML |
|
1년 전 | 791 | |
| 1262 | CSS |
|
1년 전 | 996 | |
| 1261 | CSS |
|
1년 전 | 1011 | |
| 1260 | HTML | 2년 전 | 1491 | ||
| 1259 | 기타 | 2년 전 | 828 | ||
| 1258 | CSS |
|
2년 전 | 1586 | |
| 1257 | HTML |
|
2년 전 | 1372 | |
| 1256 | CSS |
돈도없어개발하기도시러
|
2년 전 | 1274 | |
| 1255 | 2년 전 | 3612 | |||
| 1254 | 2년 전 | 4795 | |||
| 1253 | 2년 전 | 1554 | |||
| 1252 | 레이아웃 |
swallow
|
2년 전 | 1785 | |
| 1251 | 웹접근성 |
두리삼촌v
|
2년 전 | 2058 | |
| 1250 | 레이아웃 |
두리삼촌v
|
2년 전 | 1694 | |
| 1249 | 레이아웃 |
두리삼촌v
|
2년 전 | 3216 | |
| 1248 | 기타 |
돈도없어개발하기도시러
|
2년 전 | 1149 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기