CSS left 属性是用来设置元素的左边距，它可以控制元素在页面中的水平位置。它可以使用像素、百分比、em 或者 rem 等单位来表示，也可以使用 auto 来表示自动计算。
margin-left 属性是用来设置元素的外边距，它可以控制元素与其他元素之间的水平间隔。它也可以使用像素、百分比、em 或者 rem 等单位来表示，也可以使用 auto 来表示自动计算。
.element {
left: 10px;
margin-left: 20px;
}
上面的代码中，left 属性将 .element 元素向左偏 10px，而 margin-left 属性将 .element 元素与左侧其他元素之间保留 20px 的间隔。
设置一个p元素的左边距：
margin-left属性设置元素的左边距。
注意： 负值是允许的。
| 默认值： | 0 |
|---|---|
| 继承： | no |
| 版本： | CSS1 |
| JavaScript 语法： | object.style.marginLeft="10px" |
表格中的数字表示支持该属性的第一个浏览器版本号。
| 属性 | |||||
|---|---|---|---|---|---|
| margin-left | 1.0 | 6.0 | 1.0 | 1.0 | 3.5 |
| 值 | 描述 |
|---|---|
| auto | 浏览器设置的左外边距。 |
| length | 定义固定的左外边距。默认值是0。 |
| % | 定义基于父对象总高度的百分比左外边距。 |
| inherit | 规定应该从父元素继承左外边距。 |
CSS 教程: CSS Margin
CSS overflow 属性实例设置overflow属性进行滚动：div {width:150px;height:150px;overflow:scroll;}属性定义及使用说明overflow...
CSS table-layout属性实例设置表格的布局算法：table{table-layout:fixed;}属性定义及使用说明table-layout属性为表设置表格布局...
CSS text-align 属性实例 h1, h2, 和 h3元素设置文本的对齐方式：h1 {text-align:center}h2 {text-align:left}h3 {text-align:ri...
CSS3 word-wrap 属性 属性定义及使用说明word-wrap属性允许长的内容可以自动换行。默认值：normal继承：yes版本：CSS3JavaScript...
CSS 参考手册实例基础的文本阴影效果：h1{text-shadow: 5px 5px 5px #FF0000;}亲自试一试页面底部有更多实例。浏览器支持IEFiref...