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에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 557 | HTML |
|
13년 전 | 3100 | |
| 556 | HTML |
ReeJang
|
13년 전 | 3537 | |
| 555 | HTML | 13년 전 | 8460 | ||
| 554 | HTML | 13년 전 | 2776 | ||
| 553 | HTML |
aequum
|
13년 전 | 2819 | |
| 552 | HTML | 13년 전 | 2726 | ||
| 551 | HTML |
도토리과자
|
13년 전 | 2925 | |
| 550 | HTML | 13년 전 | 2591 | ||
| 549 | HTML | 13년 전 | 3580 | ||
| 548 | HTML |
aequum
|
13년 전 | 3368 | |
| 547 | HTML |
aequum
|
13년 전 | 2952 | |
| 546 | HTML | 13년 전 | 4280 | ||
| 545 | HTML |
aequum
|
13년 전 | 2966 | |
| 544 | HTML |
aequum
|
13년 전 | 10671 | |
| 543 | HTML | 13년 전 | 3166 | ||
| 542 | HTML |
aequum
|
13년 전 | 3193 | |
| 541 | HTML |
aequum
|
13년 전 | 2998 | |
| 540 | HTML |
soing
|
13년 전 | 3704 | |
| 539 | HTML |
aequum
|
13년 전 | 2833 | |
| 538 | HTML |
aequum
|
13년 전 | 4162 | |
| 537 | HTML |
2번호랑이
|
13년 전 | 2196 | |
| 536 | HTML |
aequum
|
13년 전 | 3532 | |
| 535 | HTML | 13년 전 | 2955 | ||
| 534 | HTML |
aequum
|
13년 전 | 3156 | |
| 533 | HTML |
aequum
|
13년 전 | 3088 | |
| 532 | HTML |
aequum
|
13년 전 | 2738 | |
| 531 | HTML |
aequum
|
13년 전 | 4015 | |
| 530 | HTML |
aequum
|
13년 전 | 4539 | |
| 529 | HTML |
aequum
|
13년 전 | 3876 | |
| 528 | HTML |
aequum
|
13년 전 | 4451 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기