清除浮动影响 + 自制弹窗

html+css部分

1. 清除浮动的影响。div1 浮动后，导致div1和div2之间的margin消失。
   
   解决：在div1和div2之间加一个空的div并设置其clear：both；即可

2. 点击按钮或其他，背景暗下同时出现弹框（对话框，输入框·····）
   

body,html{
    width: 100%;
    height: 100%;
}
#responseBG{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);//设置背景色为黑色并设置透明度
    position: fixed; //让其覆盖在原页面（没有点击之前的页面）之上
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 999;
    display: none; //先隐藏，点击事件触发改为block让其显示
}
#responseBox{
    width: 500px;
    height: 500px;
    background-color: rgb(255,255,255);
    border-radius: 5px;
    //让弹框在页面中上下左右居中
    margin: auto;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}