来北京第二天，裸辞的我开始漫漫找工作的路。不过虽说依旧是菜鸟，但也还是感觉自己可以找到个好工作。面试第一家，那是一家外包公司，HR居然是女的，好严肃和犀利。气场上，我怂了。
稍微问两三个问题，啊，没答上来，不耐烦的HR直接说了据——今天先到这儿。悲剧。不过俗话说，不打无准备的战，看，这就是下场，让我不看书。
其中有一个问题是：ie6的一个bug——IE下两个div之间会出现3个像素的Bug(经典的3pxBug)。而后，自己试验了下这个问题，如何解决。
<!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/html; charset=utf-8" /> <style type="text/css"> * {margin:0;padding:0;border:none;} #content {500px;border:solid 1px #000;overflow:hidden;} #right{float:right;height:200px;background:#f60;opacity:0.5;100px;_margin-left:-3px;} #left {height:200px;background:#69c;margin-right:100px; _margin-right:-3px;} </style> </head> <body> <h2>两行左右分布，右侧固定左侧自适应。</h2> <div id="content"><div id="right">右侧的内容</div><div id="left">左侧的内容</div></div> </body> </html>
解决方案：在left样式中加入_margin-right:-3px;在right样式中加入_margin-left:-3px;
问题二，给一个div加阴影，兼容低版本的浏览器？我记得我当时的回答是，取阴影图片的一部分，repeat-x一下就ok了；或者直接加个背景颜色。而后一想，呀，我说的那不是加背景吗，傻了吧唧啊。
要想兼容低版本，无非就是不使用css3，只能用css2。
<!DOCTYPE HTML> <html> <head> <title>CSs阴影框，Div阴影</title> <style type="text/css"> *{ margin:0; padding:0; border:0; } body{ padding:2em;} .box { 60%;background-color:#666} .box p {line-height:1.8; padding:2em; position:relative; top:-5px; left:-5px;background-color:#ccc} </style> </head> <body> <div class="box"> <p>给div加个阴影试试</p> </div> </body> </html>
主要原理，就是给文本套了个div，然后用相对定位挪下了点儿位置。
第三个问题不太记得了，说是什么，给一个按钮，不断点击，数字不断增大，但是文本框不会被撑大？？？？？？？？？？？？？？