问题总结：
1. checkbox和下面隐藏的div对齐，是在清除了默认样式的前提下，而不需要额外设置float: left;
2. 隐藏的div这里不需要专门设置宽高、居中，是靠内容和padding撑起来的尺寸。外层div居中，内层跟着居中。
<style> *{margin:0;padding:0;} // 后来添加的 body{ font-size: 12px; } #outer{ margin: 10px auto; width: 180px; } /* #login input, #display{ float: left; } */ #display{ background-color: yellow; border: 1px solid orangered; margin-top:5px; padding: 5px; display: none; /* width: 180px; height: 30px; margin: 5px auto; */ } </style>
CSS笔记 - fgm练习 - 鼠标移入移出div显示隐藏 CSS样式部分
原文：https://www.cnblogs.com/carpenterzoe/p/10234926.html