css的盒模型有哪些

css的盒模型有几种

来源：http://www.zhangxinxu.com/wordpress/2010/01/css-float%E6%B5%AE%E5%8A%A8%E7%9A%84%E6%B7%B1%E5%85%A5%E7%A0%94%E7%A9%B6%E3%80%81%E8%AF%A6%E8%A7%A3%E5%8F%8A%E6%8B%93%E5%B1%95%E4%B8%80/ 在目前的CSS的世界中，所有的高度都是有两个CSS模型产生的，一个是box盒状模型，对应CSS为”height+padding+margin”，...

【前言】前端页面的构建过程中，盒模型相关的概念会一直如影随形，因此需要深刻地理解好盒模型。本文会先简单描述一下盒模型，然后描述一些平常会遇到的注意点。 本文将从1、盒模型描述；2、W3C标准盒模型/IE传统盒模型 ；3.box-sizing属性；4，常见问题。 一、盒模型描述 之前跟朋友一起打羽毛球的时候看到羽毛球场地，我X，这不就是传说中的盒模型么，因此我还被他们调侃代码中毒太深。首先，po一张

盒模型的构成 之前写了一篇关于如何解决css的外边距重叠问题,可是后来发现,我有些本末倒置了,对于一个问题的正确的处理流程就应该是先发现问题,分析问题,解决问题,所以我在这篇文章中就对下css的盒模型,什么是外边距重叠,为什么会发生外边距重叠,以及怎样计算外边距重叠一一进行解读,旨在透过现象看本质,达到掌握的目的.文章可能会有点长,为节省时间大家可以根据掌握的情况浏览阅读. 1.结构 为了给文档树

题目：谈谈你对css盒模型的认识 1.基本概念 标准模型+IE模型，margin、border、padding、content 2.标准模型和IE模型的区别 计算宽度、高度的不同，如何计算？ 标准模型的宽度和高度=content的宽度和高度； IE模型的宽度和高度=content+padding+border的宽度和高度。 3.CSS如何设置这两种模型 使用css3属性box-sizing设置 标