위치가 상대적인 경우 요소의 여백 및 여백이 변경됩니까?

Question

상대 위치 지정은 요소가 정상 흐름에서 있었던 위치를 기준으로 이동합니다. HTML & CSS : 웹 사이트 디자인 및 제작. 존 Duckett

요소에서 속성 위치를 기준으로 할 때, 당신은 최고, 정상 흐름했을 곳과 관련하여 해당 요소를 이동, 아래쪽과 오른쪽 속성을 떠났다.

내가 알고 싶은 것은 해당 속성이 패딩에 영향을 주는지 & 마진 속성입니다.

감사합니다.

Answer 1

일부 코드를 테스트 해 본 결과 왼쪽, 오른쪽, 아래쪽 및 오른쪽 속성이 여백 & 패딩 속성에 영향을주지 않음을 알았습니다. 왼쪽/오른쪽 속성에 값 10px를 지정하면 margin-left 속성에 값 10px를주고 왼쪽으로 20px 거리를 얻을 수 있습니다. 당신은 내가 JSFiddle 테스트 코드로 확인할 수 있습니다 http://jsfiddle.net/ajcremon/3Lqxp0xo/

body { 
    width: 750px; 
    font-family: Arial, Verdana, sans-serif; 
    color: #665544; 
    background-color: yellow; 
} 
p { 
    width: 450px; 
} 
p.example { 
    position: relative; 
    border: 1px solid red; 
} 

마진 & 패딩 속성은 각 요소에 고유합니다.

위쪽, 왼쪽, 오른쪽 및 아래쪽 속성에 값을 지정하면 요소와 관련 측면 사이에 간격이 생성됩니다.

Answer 2

아니요. 여백과 여백 값은 그대로 유지됩니다.