Sunday, 15 February 2015

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 .



No comments:

Post a Comment