margin的四个方向
margin-top 上边距
margin-right 右边距
margin-bottom 下边距
margin-left 左边距
margin的复合样式
一个值 四个方向的margin值都一样
两个值 第一个值代表上边和下边的margin值，第二个值代表右边与左边的margin值
三个值 第一个值代表上边的margin值，第二值代表右边与左边的margin值，第三个值代表下边的margin值
四个值 第一个值代表上边的margin值，第二个值代表右边的margin值，第三个值代表下边的margin值，第四个值代表左边的margin值
margin的问题
margin的问题
1、margin的传递（只会上下传递不会左右传递）
子级会把自己的margin-top与margin-bottom传递给父级
解决办法：给父级加上一个边框（其中一个办法）
2、margin上下叠压（只有上下会叠压，左右不会叠压）
上边元素的margin-bottom与下边元素的margin-top叠压在了一起（他会取大的值）
解决办法只给上边的元素设置margin-bottom或只给下边的元素设置margin-top就可以了
auto 自动
margin-left：auto； 元素居右显示
margin-right：auto； 元素居左显示
元素水平居中显示
margin：auto；
在td标签内部增加一个 align="left"或 align="right"，td元素默认居左的，所以 align="left"可以省略不写。也可设定一个样式。.alignR{text-align:right}
居右：<td align="alignR"></td>
1、居左：
对要靠左对齐（局左）的div样式加float:left。
示例代码：
css部分：
<style>
.divcss5-left{float:leftwidth:250pxheight:50pxborder:1px solid #F00}
</style>
HTML部分：
<div class="divcss5-left">此DIV靠左对齐显示</div>
2、居右：
对要靠右对齐（局右）的div样式加float:right。
示例代码：
css部分：
<style>
.divcss5-right{float:leftwidth:250pxheight:50pxborder:1px solid #F00}
</style>
HTML部分：
<div class="divcss5-right">此DIV靠右对齐显示</div>
3、居中：
对要居中对齐的div样式加margin:0 auto，不再需要加float样式。
示例代码：
css部分：
<style>
.divcss5-cent{margin:0 autowidth:250pxheight:50pxborder:1px solid #F00}
</style>
<div class="divcss5-cent">此DIV居中右对齐显示</div>
扩展资料：
CSS清除浮动：
浮动：因为使用了float:left或float:right或两者都是有了而产生的浮动。
对父级设置适合CSS高度：
对父级设置适合高度样式清除浮动，一般设置高度需要能确定内容高度才能设置。
示例代码：
css部分：
.divcss5{ width:400pxborder:1px solid #F00background:#FF0 height:102px}
.divcss5-left,.divcss5-right{width:180pxheight:100px
border:1px solid #00Fbackground:#FFF}
divcss5-left{ float:left}
.divcss5-right{ float:right}
HTML部分：
<div class="divcss5">
<div class="divcss5-left">left浮动</div>
<div class="divcss5-right">right浮动</div>
</div>
