风雨砥砺，岁月如歌--CSS基本概念初总结

   盒模型主要由4部分组成，从内到外分别是：content内容、padding填充、border边框、margin边界，一般来说整个盒子在页面中所占有宽度的计算是：

               总宽度=左边界+左边框+左填充+右填充+右边框+右边界

     但是不同浏览器对宽度的诠释不一样，所以要显示出它预期的效果要实际测量做好兼容工作。

.addcomment
{
    /*发表评论*/
    width:760px;
    margin-bottom:10px;
    text-align:center;
    border:1px solid #D6D7D6;
    background-color:#F7F7F7;
}

定位

     这个属性决定了元素是如何定位的，它的值主要有五种

     每个网页都可以看成是由一层层页面堆叠起来的，position 设置为relative 的时候，元素依然在普通流中，可以通过 left right 等移动元素。当position设为absolute的时候，相当于display为block。

浮动

    浮动就是把元素浮动，它的取值一共有四个：left、right 、none、inherit。浮动可以理解为让某个div元素脱离标准流，漂浮在标准流之上，和标准流不是一个层次。

    假如某个div元素A是浮动的，如果A元素上一个元素也是浮动的，那么A元素会跟随在上一个元素的后边(如果一行放不下这两个元素，那么A元素会被挤到下一行)；如果A元素上一个元素是标准流中的元素，那么A的相对垂直位置不会改变，也就是说A的顶部总是和上一个元素的底部对齐。

    div的顺序是HTML代码中div的顺序决定的。

    靠近页面边缘的一端是前，远离页面边缘的一端是后。

小结

刚刚接触，或许还有些不太理解，希望大家多批评指正哦。