Question

怎么用css的position啊？

position中的绝对定位和相对定位怎么用。

Answer 1

绝对定位：position: absolute;语法：<div style="position: absolute;left:100px;top:100px"></div>
有如下两种情况
1，没有设定 Top、Right、Bottom、Left 的情况，默认依据父级的“内容区域原始点”为原始点
2，有设定 Top、Right、Bottom、Left 的情况，这里又分了两种情况如下：
(1)，父级没 position 属性，浏览器左上角(即 Body)为“坐标原始点”进行定位，位置由 Top、Right、Bottom、Left 属性决定
(2)，父级有 position 属性，父级的“坐标原始点”为原始点

相对定位：position: relative;
参照父级的“内容区域原始点”为原始点，无父级则以 Body 的“内容区域原始点”为原始点，位置由 Top、Right、Bottom、Left 属性决定，并且会在父块以外占据相同的大小，所以不推荐使用。

无论相对定位或绝对定位有一点需要注意的就是
left和right只能设置一个
top和bottom也只能设置一个

Answer 2

语法：

list-style-position : outside | inside

参数：

outside : 列表项目标记放置在文本以外，且环绕文本不根据标记对齐
inside : 列表项目标记放置在文本以内，且环绕文本根据标记对齐

说明：

设置或检索作为对象的列表项标记如何根据文本排列。
仅作用于具有display值等于list-item的对象（如li对象）。
注意：ol对象和ul对象的type特性为其后的所有列表项目（如li对象）指明列表属性。请参阅我的其他著作。
对应的脚本特性为listStylePosition。

示例：

ul.in { display: list-item; list-style-position: inside; }

Answer 3

这个问题有点宽泛，建议你看书或在网上看教程再加手动写代码。在这里问是问不出所以然的，上面那个吃方便面的猪已经说得较细了，我也没什么说的。

但严重BS收集361，复制粘贴也就罢了，你TM还粘错了！