（生成了一个BFC）。浮动元素父元素还存在高度塌陷问题，解决方法： 父元素生成一个BFC。
布局的优点是兼容性好，有时候布局相对简单。缺点是它是对TABLE标签的不正规使用，一直以来被大家所诟病。当需要内容高度不一致时并不适应。
布局优点，是第一个基于二维方向的布局模块。它是第一个基于网格的原生布局系统。缺点是对低版本浏览器兼容性不好。
将每个元素看成是一个矩形盒子，占据一定空间。 盒子模型两方面理解：1.独立的盒子内部结构；2.多个盒子之间的香菇关系。 1.盒子模型概念 独立盒子模型由：内容、border、padding、margin四部分组成。详见之前的文章内容。 盒子的实际宽（高）= 内容（width/height）+padding（两边）+border（两边）+margin（两边）...
盒子模型的相关属性margin（外边距/边界） border（边框） padding（内边距/填充） 我们看图理解一下各属性作用： 以上属性又分为上、右、下、左四个方向 问题：
元素的宽度width、高度height如何计算？ 答案：元素的实际占位尺寸=元素尺寸+padding+边框宽度 比如：元素实......
的顶部一般放置横网站的标志或Banner广告，下方左侧是导航栏菜单，下方右侧则用于放置网页正文等主要内容。。由于网页太长了。。没有截取底部。image.png2.三栏型
下最上面是网站的标题以及横幅广告条，接下来是网站的主要内寄，左右分列一些小条内容，中问是主要部分，与左右一起罗列到底，最下方是网站的一些基本信息、联系方式、版权声明等im......
W3C标准：是万维网制定的一系列标准，包括结构化标准语言（html、xml），表现标准语言（
），行为标准语言（DOM，ECMAscript)组成。这个标准倡要将结构，样式，行为分离。在网页制作中，面对设计图，网页制作人员一般要遵循的原则：先考虑设计图中的文字内容和内容模块之间的关系，重点放在编写html结构和语义化，然后在考虑
