写在前面 在面试的时候遇到这样一个笔试题，使用div+css布局一个三行两列的页面。这里主要考察的是css中postion的具体用法。详细信息可参考我这篇文章： [HTML/CSS]说说position 代码 闲来无事，就自己动手实现了一下，代码如下： 结果 总结 ...

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

1、常用那几种浏览器测试？有哪些内核(Layout Engine)? 　　答： (1) 浏览器：IE，Chrome，FireFox，Safari，Opera。 　　 (2) 内核：Trident，Gecko，Presto，Webkit。 2、 说下行内元素 ...

了DIV+CSS，感觉是自己以前多虑了，什么东西只要你肯学，就不是问题，任何困难在坚持的态度下都会迎刃而解。现在 ...

1.要求：如上图中的，三栏目布局，中间的MAIN是自适应浏览器的宽度，左LEFT固定宽200PX，右RIGHT固定宽200PX; 2.现在要求先加载MIAN，其它要求同上面一样; 总结：主要是利用浮动元素的负外边距; 　　并且要理解float和绝对定位，这两种 ...

方式1： 效果： 代码： 方式二： 代码： ...

1、宽度自适应三列布局 　　三列布局的原理和两列布局的原理是一样的，只不过多了一列，只需给宽度自适应两列布局中间再加一列，然后重新计算三列的宽度，就实现了宽度自适应的三列布局。 　　同样的道理，更多列的布局，其实和两列、三列的布局模式是一样的。 2、左右两列固定宽度，中间 ...

1、混合布局 　　在了解了一列、两列和三列布局之后，混合布局也就不难理解了，混合布局也可以叫综合型布局，那么混合布局就可以在一列布局的基础之上，分为两列布局，三列布局，网页布局的结构普遍都是三列布局，但是在三列布局的基础上，可以根据实际需求，对网页再进行划分。 2、固定宽度混合 ...