마진 탑은 .. 여기

는 아마 이것에 대한 아주 간단한 수정, 지금은 조금을 위해 그것을 찾고 그것을 파악하지 못할 높은 내 코드입니다 :마진 탑은 .. 여기

margin-top:10px; 
    width:998px; 
    min-height:100px; 
    max-height:300px; 
    border:1px solid #CCC; 
    -moz-border-radius: 10px; 
    border-radius: 10px; 
    background-image:url(../images/default/page.png); 
    overflow:hidden;

margin-top이 10px로 설정되면 div는 전혀 움직이지 않습니다. margin-top을 200px로 설정하면 div가 움직이지 않습니다. 그러나 500px라고 말하도록 설정하면 예상대로 500을 내립니다.

나는 하나의 세트 높이에 대해 최소 & 최대 높이를 제거하려고 시도했지만 이미 문제를 분류하지는 않습니다. 그것이 처음부터 문제를 야기한다는 것은 아닙니다.

누구든지 내 실수를 볼 수 있습니까? 나는 코딩이 상대적으로 건전하고이 문제를 연구하는 방법을 정말로 알지 못한다고 확신한다.

출처

2012-11-20 andrew anderson

구체적으로 어떤 일이 발생하는지 잊어 버렸지 만, 요소의 부모에게 여백이 적용될 수 있습니다. 대신에 패딩을 사용해보십시오. http://stackoverflow.com/questions/1762539/margin-on-child-element-moves-parent-element – mowwwalker

Google에서 귀하의 html을 볼 수 있습니까? –

문제는이 CSS가 적용되는 모든 요소의 조상의 구조와 스타일에 달려 있지만 ... HTML과 CSS의 광범위한 스냅 샷을 보지 않고도 특정 문제를 정확히 찾아내는 것은 불가능합니다. – joequincy

나는이 문제를 해결하기 위해 div 위를 다른 컨테이너 Div에 배치하고 margin-bottom : 10px를 적용하여이 문제를 해결했습니다.

코드를 작성하는 데 조금 더 시간이 걸리고 실제로 원하지 않는 다른 div를 추가하기 때문에 완전히 이상적이지는 않지만이 문제를 완전히 읽어야 할 시간이있을 때까지해야한다고 가정합니다. .

여러분의 도움과 잠재적 인 해결책에 대해 모두에게 감사드립니다.

출처

2012-11-20 00:48:11

다른 요소 인 margin 및 float을 확인하십시오. 내가 제공 한 코드에는 아무런 문제가 없습니다.

출처

2012-11-20 00:35:07 GiantDuck

CSS에서는 인접한 수직 여백이 특정 조건에서 보류로 축소됩니다.

그럼 다른 div의 위에 2 개의 divs stack 1이 있다고 가정 해보십시오. 상단 div는 30px의 여백을 가지며, 하단 div는 20px의 여백을 갖습니다. 이 경우 마진은 최상위 값인 30px 여백 아래로 가장 큰 값으로 붕괴됩니다. 이에

더 많은 정보는 상황에서

here을 찾을 수 있습니다, 나는 그 값을 변경하면 당신이 원하는 것을 할 것입니다 있는지 확인하기 위해 주변 요소의 CSS보고 싶은데.

출처

2012-11-20 00:41:27

마진 탑은 .. 여기

답변

관련 문제