css - How to stop overflow of shadow out of parent div? -

The shadow of the hair div can be seen outside the parent divs boundaries. Is there any way to stop this shadow? Along with hair divs

This is a simple template of my page, at that time when the page is running, I will not be able to control the number of positions and divs, so I need a normalized CSS / method where the shadows of children Do not overlap and when they are in the corner, they do not overflow with parents.

  & lt; Div style = "width: 600px; height: 700px; margin-left: auto, margin-right: auto; background: #EAAAAA;" & gt; & Lt; Div style = "height: 50px; width: 50px; background: # ff 20000; box-shadow: # 000 px0px3px;" & Gt; & Lt; / Div & gt; & Lt; Div style = "height: 50px; width: 50px; background: # ff 20000; box-shadow: # 000 px0px3px;" & Gt; & Lt; / Div & gt; & Lt; / Div & gt;    
 
 
 add  overflow: hidden  for your parents  Div .