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 .
No comments:
Post a Comment