CSS盒模型(理论转化应用)
题目:谈谈对css盒模型的认识
基本概念:标准模型 和 IE模型
区别:计算高度和宽度的不同(理论)
标准:content IE:计算border 和padding
css如何设置两种模型:
box-sizing: content-box(默认)
box-sizing: border-box
JS如何设置获取盒模型对应的宽和高:
dom.style.width/height ( 获取内联样式的宽高)
dom.currentStyle.width/height (获取已经渲染到页面的)!只有ie支持
window.getComputedStyle(dom).width/height 和第二个作用一样 但是兼容更好
解释边距重叠:
边距解决方案 IFC BFC: