What are the attention points of the box model in css

Editor to share with you what are the attention points of the box model in css. I hope you will get something after reading this article. Let's discuss it together.

1. Padding cannot be negative, but margin can.

2. The background color will be tiled to a non-margin area.

The background color is tiled to the content, padding, border sections.

3. There is no margin-top, bottom superposition and margin-top transfer phenomenon in marked in Flexbox or grid layout.

Example

.box1 {width: 200px; height: 200px; background: pink; margin-bottom: 30px; take the highest value, so the two margin stack is 30px} .box2 {width: 100px; height: 100px; background: blue; margin-top: 20px } after reading this article, I believe you have a certain understanding of "what are the points for attention of the box model in css". If you want to know more about it, you are welcome to follow the industry information channel. Thank you for reading!