html百分比布局缩放自适应

html-css010

html百分比布局缩放自适应,第1张

1.左侧固定右侧自适应-定位 步骤:

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

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

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

视情况而定

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

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