解析:

 添加新的元素 、应用 clear：both;
父级定义 overflow: auto（注意：是父级 div 也就是这里的 div.outer） 一个对 seo 比较
友好，另个 hidden 对 seo 不是太友好
在 IE6 中还需要触发 hasLayout ，例如 zoom：1；
据说是最高大上的方法 :after
方法：（注意：作用于浮动元素的父亲）IE6-7 不支持:after，
使用 zoom:1 触发 hasLayout
{zoom:1;} /*==for IE6/7 Maxthon2==*/
:after {clear:both;content:’.’;display:block;width: 0;height: 0;visibility:hidden;}
使用 br 标签和其自身的 html 属性,<br clear=”all” /> clear=”all | left | right | none”
属性
父元素也设置浮动
父元素设置 display:table 盒模型属性已经改变，由此造成的一系列问题，得不偿失，不
推荐使用 

解析:

 偶数字号相对更容易和 web 设计的其他部分构成比例关系
使用奇数号字体不好的地方是，文本段落无法对齐 

解析:

 何时应当使用 margin：
（1）需要在 border 外侧添加空白时，
（2）空白处不需要有背景（色）时，
（3）上下相连的两个盒子之间的空白需要相互抵消时，比如 15px+20px的 margin，将
得到 20px的空白（注意地方见第三点）。
何时应当使用 padding
（1）需要在 border 内侧添加空白时（往往是文字与边框距离的设置），
（2）空白处需要背景（色）时，
（3）上下相连的两个盒子之间的空白希望等于两者之和时，比如 15px+20px的 padding，
将得到 35px 的空白。
margin使用时应该注意的地方
margin在垂直方向上相邻的值相同时会发生叠加，水平方向上相邻的值会相加。margin
取负值时，在垂直方向上，两个元素的边界仍然会重叠。但是，此时一个为正值，一个为负
值，并不是取其中较大的值，而是用正边界减去负边界的绝对值，也就是说，把正的边界值
和负的边界值相加。 

解析:

 答：相对于父容器的宽度 

解析:

 答：一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。
优点：
面对不同分辨率设备灵活性强
能够快捷解决多设备显示适应问题
缺点：
兼容各种设备工作量大，效率低下
代码累赘，会出现隐藏无用的元素，加载时间加长
其实这是一种折中性质的设计解决方案，多方面因素影响而达不到最佳效果
一定程度上改变了网站原有的布局结构，会出现用户混淆的情况
respond.js 和 css3-mediaqueries-js