2015-12-21 (Box-sizing:border-box)

Recently learned a method Box-sizing:border-box, you can ignore the margin,padding,border, such as the position to occupy, for example, when you do a responsive Web page, when you do a Web page width is consistent with the current computer screen width, But if you have a input box somewhere, you need to translate the text in the input box to the right. 3rem, at this time in the computer screen, perhaps the input box can not see what problem, when you put the width of the browser more and more hours, at this time, you will find the input box more than a section. Therefore, in order to solve this problem, we use the Padding,margin,border to add this method Box-sizing:border-box, will not appear above the problem, but in order to be compatible with different browsers, we also need to write the browser, Example of Google's wording:-webkit-box-sizing:border-box

2015-12-21 (Box-sizing:border-box)