CSS盒模型本文主要知识点不明，请留言指出盒模型：box-sizing标准盒模型：content-boxwidth和height为contentIE的宽高boxmodel:border-boxwidthandheight获取框的宽高对于content+padding+borderdom.style.width/height只能获取内联样式dom.currentStyle.width/height设置的宽高是仅与IEwindow.getComputedStyle(dom)兼容。width/height与chromefirefoxdom兼容。getBoundingClientRect()可以获取topleftwidthheightBFC块级格式上下文原理/渲染规则：在垂直方向上，子元素外边距与BFC重叠的区域不会与浮动元素的区域重叠。它是页面上的唯一元素（外面的元素不影响里面，里面的元素不会影响外面）计算BFC的高度，浮动元素也会参与计算。创建一个BFC，设置一个浮动（float）位置只要不是静态的，相对的||即可otherwisefixedandabsolutedisplayinline-block,table-cell,table-captiontableoverflow:hidden/auto对于可见的应用场景不消除边距重叠-给浮动重叠的父元素有重叠边距的元素添加BFC效果-设置BFC给元素使其不与浮动元素重叠Overlapclearfloat——子元素float也会参与BFC的高度计算，从而清除浮动
