regarding the problem of css style, the parent div sets the property of overflow-y:auto, in which the box-shadow attribute of div cannot be displayed on the left and right sides.
code is as follows:
<div id="box">
<div class="test">
1975
</div>
</div>-sharpbox{
margin: 50px;
overflow-y: auto;
}
.test{
margin-top: 1px;
box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.12),
0px 1px 1px 0px rgba(0, 0, 0, 0.1);
padding: 10px;
}I have never encountered this problem before. I tested it and thought that the reason should be:
in fact, the fact that overflow is not visible is very similar to the condition that triggers BFC, but it is not clear if it is the cause of BFC.
all of the above are found in chrome browsers, so you can try the above two solutions.
< H1 > but < / H1 >however, if you are in an IE9 browser, there is no way to fully display box-shadow just by 1px's margin, or at least 2px.
set box-shadow padding
.test {
margin: 1px 1px 2px;
...
}there are two blocks to use Collapse the first block expands by default, and the second preset puts it away The function is 1. Click the title of the first block to put the first block away, but also the second block as a whole 2. When you click o...