盒模型以及浮动布局
谈到盒模型，有经验的小伙伴一定滚瓜烂熟，无非就是 内容(content)、填充(padding)、边框(border)、边界(margin) ；
这些属性我们可以把它转移到我们日常生活中的盒子（箱子）上来理解，日常生活中所见的盒子也就是能装东西的一种箱子，也具有这些属性，所以叫它盒子模式。
先上图：
上图清晰的表明了盒模型的具体表现样式； margin外边距+border边框+padding内边距+content内容；
既然盒模型叫做盒模型~那么我们可以把它比作一个 液晶屏幕包装盒子（楼主刚刚买了一台，所以拿它来比喻了，大家都知道的 这玩意儿快递的时候padding可不少啊） 拆快递的时候，里面的显示屏就是内容（content） 而泡沫呢？就是内边距（padding） 外面的壳子就是（border） 然后呢 就是盒子与其他盒子之间的距离（margin） 这就组成了我们css中的盒模型；
css中盒模型有很多种表现形式：其中 block（块状）、inline（行内）、（inline-block以块状形式表现的行内元素） 设置css display可以改变盒子的表现形式 下面会详细介绍
个人觉得css可以这么去理解：它规定了盒子的包装样式，盒子的摆放位置，盒子的长宽高等等等等，浏览器就像是一个房子，等待人们用箱子填满它；
下面呢，楼主简单介绍一下 内容(content)、填充(padding)、边框(border)、边界(margin) 在css中的具体表现，以及他们所带的看似bug的另类属性。
1.内容(content)
内容包括了文本，块状盒子，图片，内容盒子的盒模型等等......栗子：
查看更多关于DIV+CSS网页标准化布局（二）之浮动布局的详细内容...