CSS筆記 - fgm練習 - 滑鼠移入移出div顯示隱藏 CSS樣式部分
阿新 • • 發佈:2019-01-07
問題總結:
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>