You can use the two people upstairs box-sizing: border-box
You can also use {width: -moz-calc(100% - 8px);
width: -webkit-calc(100% - 8px);
width: calc(100% - 8px);
margin: 0 4px;}
You are 100%+margin 5px*2>100%. Of course, it will not be displayed. Either add a box-sizing: border-box, or put a layer inside, remove the outer margins of the outer layer, and define padding of 5px on the inner layer. It is better.
I have encountered this before when I was working on an APP page for the first time. As mentioned above, remove 100% and set the margin directly.
In addition, in my impression, the border-box attribute only affects padding and border.
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
ul{box-sizing:border-box}
You can use the two people upstairs
box-sizing: border-boxYou can also use
{width: -moz-calc(100% - 8px); width: -webkit-calc(100% - 8px); width: calc(100% - 8px); margin: 0 4px;}https://developer.mozilla.org/zh-CN/docs/Web/CSS/calc
You are 100%+margin 5px*2>100%. Of course, it will not be displayed. Either add a box-sizing: border-box, or put a layer inside, remove the outer margins of the outer layer, and define padding of 5px on the inner layer. It is better.
Border-box cannot control the margin, so you should be honest and not set the width of p to 100%, and then set the margin and it will be OK.
I have encountered this before when I was working on an APP page for the first time. As mentioned above, remove 100% and set the margin directly.
In addition, in my impression, the border-box attribute only affects padding and border.