2.position:absolute+margin-top:-100px+margin-left:-100px(需要直到div的宽高)
3.flex
4.绝对定位的top，left，bottom，right都设置为0，然后通过margin:auto实现水平垂直居中
5.display:table-cellvertical-align:middletext-align:center
6.calc函数计算实现
1. DOM结构 ：元素不会渲染
2. 事件监听 ：不能监听DOM事件
3. 继承 ：子元素不会继承
4. 性能 ：改变此属性会重排，性能较差
1. DOM结构 ：元素会渲染
2. 事件监听 ：能监听DOM事件
3. 继承 ：子元素会继承，可以通过visibility:visible来取消继承
4. 性能 ：改变此属性会重绘，性能较好
1. DOM结构 ：元素会渲染
2. 事件监听 ：能监听DOM事件
3. 继承 ：子元素会继承，而且不能通过opcity：1来取消隐藏
4. 性能 ：改变此属性会重绘，性能较好
window.divicePixelRatio=2(默认)
意思是：我们css中1px相当于实际移动端设备2px
1.border-width:0.5px
2.box-shadow内阴影模拟边框，
box-shadow:inset 0px -1px 1px 1px red
3.通过viewport设置rem的基准值，就可以直接写rem了，较好的解决方案
4.伪类+transform
通过:after或:before设置border，结合定位
两侧宽度固定，中间宽度自适应
所以我们要尽量少使用以上属性和方法
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />
<title>交叉重叠层</title>
<style type="text/css">
html{ color:#f00}
#top{width:200pxheight:300pxbackground-color:#fffposition:absolutetop:50pxleft:50px}
#bottom{width:300pxheight:400pxbackground-color:#000z-index:-100position:absolutetop:0left:0}
</style>
</head>
<body>
<div id="top">上面层</div>
<div id="bottom">下面层</div>
</body>
</html>
可以用z-index来定义层的上下关系
有尿儿就啥也不怕，知道不即使大家告诉你再多实际情况，即使你再背再总结也没有什么用，到岗位上也费尽。
问题也好，经验也罢，都这不是固定的。唯一固定的也不过就是作品展示和实际操作，很多时候后者重于前者。后者也相当麻烦，就我个人经历，一次面试从到公司开始，从设计到编码结束花费了几个小时，并且屏幕有监控，你开个音乐休闲一下都不行，一直到人家员工都吃饭去了我还弄呢，要求设计一个web2.0风格的网站，并编码出来。
一次是给我打开一个网站，让我只对它代码部分进行符合web标准重构。
一次是技术总监坐你旁边，他让你写什么代码就写什么代码，AI画什么效果就什么效果
……
如果真要说到时候会问什么，我觉得你第一点就应该把这种div+css的概念扔掉，div不过是标签罢了，属于html，而css是它的设计师，非要简单的说，不如说xhtml+css，这样更正确，不只是div可以用来布局。
其余的都是些：你对CSS框架了解不啊，都有什么框架啊，使用过没有啊；WEB标准了解不啊，谈谈你的理解啊；语义化，合理嵌套，SEO优化等等，就那些呗，关于楼上提到的兼容问题也是会问的，但不会详细到问你说IE6和FF中盒模型的差异之类的，一般都是问你兼容方面拿手吗，能做到哪些浏览器兼容。
其次有些人对你使用什么编辑器也有问的，不管花样如何，他们想知道的就是一点，你能不能完全的手写代码，这是能力的一种体现。
问题还有好多，但问题再多，无非是在考验你是不是公司需要的那个人，个人能力的问题。
不用担心太多，就像开头说的，有尿儿，就啥也不怕
