参考文档 https://www.cnblogs.com/jizhijunboke/p/4990091.html 一、两栏布局（左定宽，右自动） 1. float + margin 即固定宽度元素设置float属性为left,自适应元素设置margin属性，margin-left应 ...

自适应布局分两类：高度和宽度，方法有很多，我用三列布局举例，我就列几个通俗易懂的例子呗，懂了三列的，两列的原理一样，呵呵哒。 效果图如下：高度自适应——宽度自适应 1,高度自适应布局 原理就是把每个模块设置为绝对定位，然后设置中间自适应的模块的top ...

两栏布局，左边定宽200px，右边自适应。如何实现？我的第一个反应就是：用flex伸缩盒呀，然后balabala...说完之后，面试官说，还有没有别的方法？flex有些浏览器不支持嗯...我愣了一下，平常遇到这种问题貌似都是这么写的...别的方法？我又想了想。JS?对，JS肯定可以。然后就 ...

意思是图片能百分百显示在容器里，这个容器可以是table的td,也可以是DIV。以下用div做容器来说明。图片随页面的变化而变化，那么最好把div的宽度设置成百分比，而不是像素，这样div就不会被固定大小，从而能自适应页面的大小。<div style=" width="x%"> < ...

...

通常要实现比较精确和自适应的层布局需要设置层的样式，即用CSS控制层的位置。CSS+DIV布局采用Div ...

...

　　1：速度和加载方式方面的区别　　div 的加载方式是即读即加载，遇到 <div> 没有遇到 </div> 的时候一样加载 div 中的内容，读多少加载多少；table 的加载方式是完成后加载，遇到 <table> 后，在读到 </table> ...