# 经验 ## 一 在做按钮之类的高度是宽度的两倍，字体为黑体 ## 二 定位 ``` .btn{ width: 40px; height: 80px; position: absolute;/*定位在上面的盒子里 给了定位后宽高起作用*/ left: -40px;/*定位在盒子的外面*/ top: 50%; transform: translateY(-50%);/*完全垂直居中*/ background: rgba(0,0,0,.3); font-size: 40px; text-align: center; line-height: 80px; color: white; font-family: "黑体";/*做按钮经验之谈使用黑体 */ border-radius: 8px; } .btnRight{ left: auto;/*left 值 恢复初始化*/ right: -40px; } ```