position : absolute가있는 요소 사이의 불필요한 간격

계산서

세부 사항처럼 보이는 문제가 있지만 그 이유를 이해하고 싶습니다. 포지셔닝에 관한 것입니다. top : 0 left : 0 인 자식 요소에 대한 절대 위치가 있습니다.

position: absolute;
top: 0;
left:0;
  1. 자식 요소가 x 축을 확장하는 이유는 무엇입니까?
  2. 왜 자식 요소가 상단 몸체의 가장자리와 요소 자체 (y 축) 사이에 작은 간격이 있습니까? ... 상단 및 왼쪽 속성이 0으로 설정 되었기 때문입니다. 여기에 데모가 있습니다
사자 별자리
  1. 기본값 (정적)이 아닌 position:absolute조상을 찾으려고 하기 때문 입니다 position. 데모에는 그러한 조상이 없으므로 #rel문서 루트 (본문 요소)와 관련하여 배치됩니다.

  2. #rel기본 마진 값이 있습니다. 시도 margin:0#rel그 결과를 참조

JSFiddle

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

인라인 테이블 요소 사이의 불필요한 간격

분류에서Dev

DIV가있는 요소 사이의 간격

분류에서Dev

요소 사이의 간격

분류에서Dev

Html 테이블 열 내부 div 사이의 불필요한 간격

분류에서Dev

절대 위치 요소가있는 열 사이의 예기치 않은 간격

분류에서Dev

SwiftUI의 요소 간 간격?

분류에서Dev

목록 간격 사이의 요소를 채우는 방법

분류에서Dev

React는 요소 사이의 간격을 제거합니다.

분류에서Dev

<div> 요소의 부정적인 위치가 쌓여 포스트 끝에 불필요한 수직 공간 제거

분류에서Dev

HTML의 간격 요소

분류에서Dev

자바의 간격 요소

분류에서Dev

연속 요소의 간격

분류에서Dev

CSS 디스플레이 및 테이블 셀의 불필요한 간격

분류에서Dev

div 태그의 불필요한 공간

분류에서Dev

Python의 불필요한 공간

분류에서Dev

Nav 주변의 불필요한 공간

분류에서Dev

불필요한 공간없이 인쇄

분류에서Dev

불필요한 수직 공간 추가

분류에서Dev

본문과 바닥 글 사이의 불필요한 공간

분류에서Dev

StackPanel의 균등 한 간격 요소

분류에서Dev

Angular의 ng-repeat 요소 간 간격

분류에서Dev

가변 격자 간격은 격자 부모의 패딩이 격자 요소를 침범하게 만듭니다.

분류에서Dev

CSS에서 버튼 사이의 불필요한 공간을 제거하는 방법

분류에서Dev

요소가 간격 제한 쌍 내에 있는지 감지

분류에서Dev

테두리 반경이있는 테두리와 자식 요소 사이의 간격

분류에서Dev

2 개의 논리 벡터 요소 사이의 빠른 최소 거리 (간격) (2 개 가져 오기)

분류에서Dev

이미지 컨테이너 요소에 불필요한 추가 높이

분류에서Dev

이미지 주위에 불필요한 패딩 / 공간이 있습니다.

분류에서Dev

R Shiny의 renderText 요소 사이의 간격 조정

Related 관련 기사

  1. 1

    인라인 테이블 요소 사이의 불필요한 간격

  2. 2

    DIV가있는 요소 사이의 간격

  3. 3

    요소 사이의 간격

  4. 4

    Html 테이블 열 내부 div 사이의 불필요한 간격

  5. 5

    절대 위치 요소가있는 열 사이의 예기치 않은 간격

  6. 6

    SwiftUI의 요소 간 간격?

  7. 7

    목록 간격 사이의 요소를 채우는 방법

  8. 8

    React는 요소 사이의 간격을 제거합니다.

  9. 9

    <div> 요소의 부정적인 위치가 쌓여 포스트 끝에 불필요한 수직 공간 제거

  10. 10

    HTML의 간격 요소

  11. 11

    자바의 간격 요소

  12. 12

    연속 요소의 간격

  13. 13

    CSS 디스플레이 및 테이블 셀의 불필요한 간격

  14. 14

    div 태그의 불필요한 공간

  15. 15

    Python의 불필요한 공간

  16. 16

    Nav 주변의 불필요한 공간

  17. 17

    불필요한 공간없이 인쇄

  18. 18

    불필요한 수직 공간 추가

  19. 19

    본문과 바닥 글 사이의 불필요한 공간

  20. 20

    StackPanel의 균등 한 간격 요소

  21. 21

    Angular의 ng-repeat 요소 간 간격

  22. 22

    가변 격자 간격은 격자 부모의 패딩이 격자 요소를 침범하게 만듭니다.

  23. 23

    CSS에서 버튼 사이의 불필요한 공간을 제거하는 방법

  24. 24

    요소가 간격 제한 쌍 내에 있는지 감지

  25. 25

    테두리 반경이있는 테두리와 자식 요소 사이의 간격

  26. 26

    2 개의 논리 벡터 요소 사이의 빠른 최소 거리 (간격) (2 개 가져 오기)

  27. 27

    이미지 컨테이너 요소에 불필요한 추가 높이

  28. 28

    이미지 주위에 불필요한 패딩 / 공간이 있습니다.

  29. 29

    R Shiny의 renderText 요소 사이의 간격 조정

뜨겁다태그

보관