weblini的博客

<style> html,body{ height: 100%; } body{ display: flex; align-items: center; align-content: center; } div { margin:0 auto; } </style>

(1)防止子元素的margin越界.parent:before { content: ' '; display: table; } (2)清除子元素的浮动对父元素及后续元素造成的影响.parent:after { content: ' '; display: table; clear: both; }