html css 布局知识概况

1、如果想设置页面居中，当设置margin属性为auto的时候，不能在设置浮动或绝对定位属性。并且一定要设置width为一个定值

2、盒子模型三维立体结构图

  

3、浮动布局 利用浮动可以实现横向布局，通过float来实现（left--左浮动，right--右浮动，none--不浮动），特点是：元素会左移动，或右移动，直到触碰到容器为止。

     当元素没有设置宽度值，而是设置了浮动属性，元素的宽度会随着内容的变化而变化。

    当元素设置了浮动属性以后，会对相邻的元素产生影响，相邻元素特指紧邻后面的元素。

    清除浮动(一般是对收到浮动影响的元素)：1、clear属性--常用clear:both;clear:left;或者clear：right ；  2、设置width：100%（或是固定宽度）+overflow:hidden;

4、横向布局：主要用到的技能：float属性---使纵向排列的块级元素，横向排列，margin属性--设置两列之间的间距；