## 悬浮窗实例 ```html <style type="text/css"> .basics{ text-align: center; } .y2_min { margin-top: 30px; } .edit-zengsong{position: fixed;top: 30%;left: 30%;width: 40%;height: 400px;border-radius: 10px;box-shadow: 1px 1px 1px #000000; background-color: rgba(255,255,255,0.8);} .foot-btn{width: 100%;padding-left: 10px;padding-right: 10px;;text-align: center;position: absolute;bottom: 10px;;} .foot-btn button{background-color: #FF2F2F;padding:5px;color: white;border-radius: 5px;font-size: 20px;;} /*输入界面*/ .edit-person{padding-left: 10px;padding-right: 10px; color: red;text-align: center;margin-top: 10px;;} .edit-person input{width: 80%;margin-left: 10%; margin-top: 10px;} .show-text{color: red;margin-top:20px;width: 100%;text-align: center;} .bg-gray{background-color: #F0F0EE;} .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } </style> <div class="edit-zengsong"> <div class=""></div> <div class="show-text"> *已购买3个本平台账号之后, 可以获赠一个免费账号资格,非法勾选将受到处罚! </div> <div id="" class="edit-person"> <input type="text" class="form-control" id="zs1" placeholder="已购账号一"/> <input type="text" class="form-control" id="zs2" placeholder="已购账号二"/> <input type="text" class="form-control" id="zs3" placeholder="已购账号三"/> </div> <div class="foot-btn"> <button class="bg-gray">没有赠送</button> <button>确认信息</button> </div> </div> ```