CSS学习中的一些细节（3），如有错误欢迎指正
-
让盒子定位在版心的两侧的小技巧：先用固定定位将盒子固定在页面中央，再设置盒子的外边距可以实现缩放页面盒子都跟随版心的效果；
-
浮动元素会压住下面的标准流盒子，但不会压住盒子中的文字；绝对定位（固定定位）则会压住下面的标准流盒子及其内部的内容。这是因为浮动产生的最初目的是为了做文字环绕效果，文字会围绕浮动元素摆放。
-
接上一条，除了不会压住文字，浮动元素还不会压住行内块和行内元素；
-
一般情况下不会让盒子中溢出的内容显示，但对于带有定位的盒子，要慎用overflow:hidden，这可能会隐藏掉有用的元素；
-
图片元素默认是基线对齐的，实际中会出现文字不对齐、空白缝隙等现象，一般是通过给图片添加vertical-align：top/middle/bottom样式来解决；
-
块级元素间的距离取二者的最大外间距，行内块元素间的距离取二者外间距取之和（前提是浮动的，非浮动元素之间有固有的一段间距）；
-
表单标签<form>属于块级元素，可以设置宽高和内外边距等；
-
浮动盒子里的标准流元素即使发生了溢出，也会压住后面的盒子；
-
使用nth-child(n)时，括号中的n可以n的函数，但要把含n的代数式放在前面，如2n+1不能写作1+2n，-n+3不能写作3-n，如若此目标将不会被选中；
-
当盒子装不下里面的内容时，会向下溢出显示（前提是父盒子没有隐藏溢出），而不是向右溢出；
-
表单域中文本框左右的文本不需要手动上下居中对齐，浏览器会自动对齐，这是因为其左右的文本都按照文本框中文本的位置进行摆放，处于同一高度上；
-
表单域中按钮框左右的文本默认按照基线对齐，实际中需要通过vertical-align:center来进行中线对齐；
