Css layout Study Notes-max-width

Set block-level elementWidthIt can be prevented from filling the container from left to right. Then you can set the left and right marginsAutoTo center horizontally. The element occupies the specified width, and the remaining width is split into the left and right margins.

{:;:;}

The only problem is that when the browser window is narrower than the width of the element, the browser displays a horizontal scroll bar to accommodate the page.

In this caseMax-widthSubstitutionWidthThe browser can better handle small windows.

{:;:;}

 

This knowledge point is very simple, but I think it is very important, so let's record it ~