Container：內部可包含「多」個元素（ex: 決定容器大小，並讓容器置中）
Wrapper：內部僅包含「單」個元素，可賦予內部元素額外的功能（ex: 讓內容與外部容器（可能是螢幕）隔開一小段距離）
<section>
<div class="wrapper">
<div class="container">
wrapper wrap container
</div>
</div>
</section>
section {
background-color: pink;
}
.wrapper {
padding: 40px 20px;
}
.container {
margin: 0 auto;
max-width: 1000px;
background: grey;
padding: 20px;
}
The Best Way to Implement a “Wrapper” in CSS
iThome鐵人賽
看影片追技術