Web page elements are distributed according to the writing order of html and according to the flow model. The left element here flows to the next line because it has no position. Now set margin-left to its own width, which is equivalent to not occupying the position, so it flows to the end of the first line. As the negative value of margin-left increases, it will slowly shift to the left.
Set margin-left: -100%; // Equivalent to 100% of the width of the parent element The left element will then come to the far left of the first line.
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Web page elements are distributed according to the writing order of html and according to the flow model.
The left element here flows to the next line because it has no position. Now set margin-left to its own width, which is equivalent to not occupying the position, so it flows to the end of the first line.
As the negative value of margin-left increases, it will slowly shift to the left.
Set
margin-left: -100%; // Equivalent to 100% of the width of the parent element
The left element will then come to the far left of the first line.