Question

怎么让div左边或右边距中20px？

下图， 上下是同一窗口，不论窗口宽度是多少，总让div在距离窗口中线左边20px的位置。代码怎么写？

Answer 1

这个可以通过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>，那么该标签的作用会变得更加有效。