第22天

今天完成的事情：task10-task12的自适应，了解了一些bootstrap的一些功能，并尝试了将焦点轮播和多栏布局用bootstrap搞出来

明天计划的事情：用bootstrap和less完成task13

遇到的问题：有点惭愧，估计今天才算是F12入门，先前的调试就只是看看是否直观的达到psd效果，并没有在f12下去仔细琢磨过像素的问题，收获中说说一直css设置中存在的padding，margin问题。

收获（如有理解错误请指正）：

1.子元素中使用margin有将父本撑开的可能，例如边界如只使用margin-left：XX%，他会将父本边界撑开，影响父本width，如果xx为正，那么父本width会减少，这种情况下，所有子元素的width都会依次收到影响，在添加margin子元素中加overflow能消除这种影响。

2.当子元素定义width=100%，应避免继续使用padding，因为它会和margin相同，将父本撑开，因为width会等于父本，而padding是基于父本的，padding这部分依旧会在父本内，但是会将width所代表的部分撑出副本，当然，这部分就别想用overflow解决了。

3.假设在子元素中加margin设定的话，父本加overflow：hidden，保证子元素范围依旧在父本之下，否则子元素会脱离父本范围。

4.chrome有字体大小限制，字体小于12px时。默认为12px，所以font-size=62.5%并不等于10px，所以如果对body或者html进行设置了，会影响接下来所有em的值，出现偏差，因为高版本chrome已经不支持是有小于12px的字体，要是习惯chrome的话可以使用font-size:125%,即20px，或者其他都好。

5.处理同一个父本下各种text形式继承的问题，这点需要注意