html百分比布局缩放自适应

左侧宽度写死——》定位——》给父元素设置左padding即可

右侧宽度不用设置(自适应)

2.浮动+触发BFC 拓展:想详细了解BFC戳这里 overflow:hidden 会触发盒子的BFC 触发BFC的盒子的特点: 解决margin的塌陷 清除浮动 ...

视情况而定

不考虑IE9-以下变态浏览器，建议使用响应式布局（最好是Rem布局，单纯的百分比无法处理文字缩放，有时候屏幕小了会乱版），但这也不是绝对的，如果你们老板要求做三套（PC PAD WAP）那就另当别论

变态客户使用的xp系统要求，兼容IE7，那你使用百分比就很惨了，所以还是有个固定宽度的版心为好

$("你的iframe ID").load(function(){

var mainheight = $(this).contents().find("body").height()+30

$(this).height(mainheight)

})

代码意思是 当你载入iframe的时候 就去找contents下的body标签高度。并把值传给mainheight。。然后$(this).height(mainheight)直接传值控制 this的高度 （this 为当前对象）