CSS 위치 지정시 음수 여백

위치 지정시 음수 여백을 사용해도됩니까? 나는 현재의 사이트에 많은 것을 가지고 있으며, 물건을 배치하는 안정적인 방법이 아닌 것처럼 느낍니다. 나는 그들도 사용하도록 제안한다.CSS 위치 지정시 음수 여백

는 예를 들어 I 부착하여 표시, 서로의 상부에 앉아 의미 서로

<div class="A"> 
    header 
</div> 
<div class="B"> 
    content 
</div> 
<div class="C"> 
    footer 
</div>

(A, B 및 C)의 위쪽에 세 div가 함께 체크 아웃 페이지를 갖는다. DIV의 B에

.B 
{ 
    margin-top: -20px; 
}

, DIV A의 바닥을 충족

이 좋은 연습 아니면 내가 top 및 left를 사용하여 코드를 다시하여야한다 :이 사용 했습니까?

출처

2010-04-13 Kyle

div가 서로간에 약간의 여백이 있다면 아마도 여백과 패딩을 재설정하지 않았을 것입니다 (http://meyerweb.com/eric/tools/css/reset/ 참조).

일반적으로 음수 여백을 사용하는 것은 좋지 않습니다. 어쨌든 결과를 다양한 브라우저에서 약간 다르게 표시 할 수 있으므로 거의 모든 곳에서 설정해야합니다. 그러면 CSS를 리팩토링해야합니다. 큰 두통 :).

출처

2010-04-13 13:21:17 mamoo

예, CSS를 재설정했지만 큰 차이가 있었고 그 문제를 해결할 수있는 유일한 방법이었습니다. 나는 그것을 사용하고 나서 그것이 작동한다는 것을 발견했다. 단지 그것이 매우 안정적이지 않다고 느끼고 있었다. 답변 주셔서 감사합니다 :) – Kyle

음수 여백은 IE7 이하에서 콘텐츠가 잘리는 문제를 일으키는 것으로 알려져 있습니다. 별칭에서 알 수 있듯이 나머지 디자인에서도 문제가 있음을 나타낼 수 있습니다. 그러나 부정적인 마진은 모든 경우에서 '나쁜 발전'이라고 말하는 것이 잘못이라고 생각합니다. 그러나 언제나처럼 테스트 테스트 테스트.

출처

2017-02-23 13:16:40

CSS 위치 지정시 음수 여백

답변

관련 문제