怎么让div左边或右边距中20px。 （注意是‘距’）
这个可以通过Position定位得到。你的DIV宽固定的情况下：DIV 父级：增加：position:relative。DIV样式：position:absolute; left:50%;当前DIV百分50后DIV左边刚好和中线对齐，margin-left:DIV自已的宽度+20PX，这样DIV就刚好离父级中线20像素了。margin-left:DIV自已的宽度/2，这样得到是DIV在你级中水平居中。
拓展：
1、DIV是层叠样式表中的定位技术，全称DIVision，即为划分。有时可以称其为图层。DIV在编程中又叫做整除，即只得商的整数。 DIV元素是用来为HTML(标准通用标记语言下的一个应用)文档内大块(block-level)的内容提供结构和背景的元素。
2、<div> 标签定义 HTML 文档中的分隔(DIVision)或部分(section)。div属于web前端的学习内容，其中<div> 标签常用于组合块级元素，以便通过样式表来对这些元素进行格式化。<div> 可定义文档中的分区或节(division/section)。<div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。如果用 id 或 class 来标记 <div>，那么该标签的作用会变得更加有效。
你的DIV宽固定的情况下：
DIV 父级：增加：position:relative
DIV样式：position:absolute; left:50%;
当前DIV百分50后DIV左边刚好和中线对齐，
margin-left:DIV自已的宽度+20PX，这样DIV就刚好离父级中线20像素了。
margin-left:DIV自已的宽度/2，这样得到是DIV在你级中水平居中
希望我的回答对你有帮助。
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.a{ width:50%; background-color:#333; height:1000px;}
.b{ width:30%; background-color:#690; height:500px; margin-right:20px; float:right;}
</style>
</head>
<body>
<div class="a">
<div class="b">
</div>
</div>
</body>
</html>
