爱创课堂每日一题第四十七天- 清除浮动的几种方法？

Posted 2020-10-13

1，额外标签法，<div style="clear:both;"></div>（缺点：不过这个办法会增加额外的标签使html结构看起来不够简洁。）
    2，使用after伪类
    #parent:after{
        content:".";
        height:0;
        visibility:hidden;
        display:block;
        clear:both;
        }
    3,浮动外部元素
    4,设置overflow为hidden或者auto
DOM操作——怎样添加、移除、移动、复制、创建和查找节点。
1）创建新节点
      createDocumentFragment()    //创建一个DOM片段
      createElement()   //创建一个具体的元素
      createTextNode()   //创建一个文本节点
2）添加、移除、替换、插入
      appendChild()
      removeChild()
      replaceChild()
      insertBefore() //并没有insertAfter()
3）查找
      getElementsByTagName()    //通过标签名称
      getElementsByName()    //通过元素的Name属性的值(IE容错能力较强，
      会得到一个数组，其中包括id等于name值的)
      getElementById()    //通过元素Id，唯一性