박스 그림자가 DIV의 작은 부분을 덮고 있습니다

다음 Box Shadow CSS 스타일이 있습니다. 불행히도 그것은 mainContent DIV 맨 위에 아주 작은 부분을 덮고 있습니다. 나머지 DIV 길이는 그림자가 없습니다. 내가 도대체 뭘 잘못하고있는 겁니까?박스 그림자가 DIV의 작은 부분을 덮고 있습니다

.mainContent {width: 85%; margin: auto; max-width:1400px; 
-webkit-box-shadow: 0px 9px 26px 5px rgba(50, 50, 50, 0.75); 
-moz-box-shadow: 0px 9px 26px 5px rgba(50, 50, 50, 0.75); 
box-shadow:   0px 9px 26px 5px rgba(50, 50, 50, 0.75);}

출처

2014-04-17 Gloria

: 숨겨진를, '래퍼 요소 –

.mainContent은 페이지의 콘텐츠의 주요 래퍼은 ... – Gloria

아 지금 작동 ..... 감사합니다 Alien 씨 – Gloria

height 속성을 auto로 설정해야합니다.

jsfiddle

.mainContent {width: 85%; margin: auto; max-width:1400px; 
-webkit-box-shadow: 0px 9px 26px 5px rgba(50, 50, 50, 0.75); 
-moz-box-shadow: 0px 9px 26px 5px rgba(50, 50, 50, 0.75); 
box-shadow:   0px 9px 26px 5px rgba(50, 50, 50, 0.75); 
height:auto 

} 

    <div class='mainContent'> 
     <div style='height:50px; width:50px; border:1px solid'></div> 
    </div>

당신은`오버 플로우 사용하고 있어야합니다

출처

2014-04-17 14:08:00

DIV 높이는 내용에 따라 다르므로 고정 된 높이를 줄 수는 없습니다. 백분율은 작동하지 않습니다. – Gloria

@Gloria로 설정 한 다음 자동 또는 상속 (업데이트 된 답변)으로 설정해야합니다. –

박스 그림자가 DIV의 작은 부분을 덮고 있습니다

답변

관련 문제