前端面试题-1

1、使用css实现div居中

看代码：

#div1{
          width:100px;
          height:100px;
          margin:0 auto;
          background-color: red;
      }
       #div2{
          width:100px;
          height:100px;
          position:absolute;
          top:50%;
          margin-top:-50px;
          left:50%;
          margin-left:-50px;
          background-color: black;
      }

 

 

2、div自适应

 #div1,#div2{
          width:100px;
          height:100px;
          position: absolute;
          background-color: red;
      }
      #div1{
          left:0;
      }
      #div2{
          right:0;
      }
      #center{
        height:100px;
        background:black;
      }

 

 

3、清除浮动的方式？ 父级div无法自动获取到高度的问题。 

添加clear:both; 利用css提高的clear:both清除浮动，让父级div能自动获取到高度

给父级元素添加overflow:hidden 浏览器会自动检查浮动区域的高度 

直接设置高度

 

 

4、给按钮绑定多个事件？

btn4.addEventListener("click",hello1);

 

5、js定时器有哪些

setInterval 和 setTimeout 前者定时执行循环  后者只执行一次

 

6、