htmlposition的简单介绍

html这是怎么回事，我用position改变了视频的位置，但是上面还是有出黑色区域？

position只是设定元素定位的方式，真正出效果的还是top\left\right\bottom来设定其位置变化。

要想更好的使用position的各项属性值，还需要你深刻了解各属性值的含义：

absolute：生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

fixed：生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

relative：相对定位的元素，相对于其正常位置进行定位。因此，"left:20" 会向元素的 LEFT 位置添加 20 像素。

static：默认值。没有定位，元素出现在正常的流中

inherit：规定应该从父元素继承 position 属性的值。（一般不用）

HTML代码中如何用POSITION属性来固定一个DIV模块的位置，让其不随滚动条移动？

要想div固定在一个位置，可以使用css中的绝对定位来实现 position: absolute。然后可以通过top、left、right、bottom来定位方向。举个定位在顶部的例子：

style

.top{

??position:?absolute;

??top:?0px;

??z-index:999;

??border:1px?red?solid;

}

/style

body?style="height:800px"

div?class="top"DIV固定在顶部/div

/body

html的相对定位和绝对定位是什么意思

position：absolute这个是绝对定位；是相对于浏览器的定位。比如：position：absolute；left:20px;top:80px;

这个容器始终位于距离浏览器左20px,距离浏览器上80px的这个位置。position：relative是相对定位，是相对于前面的容器定位的。这个时候不能用top

left在定位。应该用margin。比如：div

class="1"/divdiv

class="2"/div当1固定了位置。1的样式float:left;width:100px;

height:800px;2的样式为float:left;

position：relative；margin-left:20px;width:50px;2的位置在1的右边，距离120px

html中的“ position： absolute”是绝对定位，怎么用？

html中的“position：absolute”是绝对定位，一般配合“top”和“left”属性同时使用。

1、新建html文档，在body标签中添加一个div，然后在这个div中再添加一个div，这时默认情况下内div在外div的左上角：

2、为内div添加“position”属性，属性值为“absolute”，外div添加“position”属性，属性值为“relative”，这时内div会向外div绝对定位：

3、为内div设置距离顶部距离属性“top”和距离左侧属性“left”，这时内div会向外div做指定距离的定位：