关于position的四个标签

四个标签是static，relative，absolute，fixed。

static 该值是正常流，并且是默认值，因此你很少看到（如果存在的话）指定该值。

relative：框的位置能够相对于它在正常流中的位置有所偏移

absolute：使用x和y坐标，根据包含元素的左上角精确地定位框的位置

fixed：位置是根据浏览器窗口的左上角计算出来的，并且即使用户滚动窗口，也不会改变位置。

部分源代码：

　　html：

<div class ="box" id ="three"> Three </div>

　　css：

.box {

display:inline-block ;

height:100px;

width:100px;

background:rgba(255, 217, 0, 0.863);

color: rgba(255, 255, 255, 0.295);

}

#two {

position: relative;

top: 20px;

left: 20px;

background: rgba(255, 0, 212, 0.582);

}

转载于:https://www.cnblogs.com/hujingsong-457/p/9847796.html

关于position的四个标签相关推荐

Position属性四个值：static、fixed、absolute和relative的区别和用法
在用CSS+DIV进行布局的时候,一直对position的四个属性值relative,absolute,static,fixed分的不是很清楚,以致经常会出现让人很郁闷的结果.今天研究了一下,总算有所 ...
Position 的四种属性值
Position和float这两个元素属性非常重要:今天主要来看一看position在定中的作用. 首先Position有四个属性值,分别是static .fixed. relative .absol ...
JSP页面中常用四种标签
JSP页面常用四种标签: 1. EL表达式: ${} 2. jstl表达式(sun apache): <%@ taglib prefix="c" uri="htt ...
Position属性四个取值用法和区别
Position属性四个取值用法和区别在初学css的过程中常常会碰到设置定位的问题,大多数初学者都是大概明白,如果不好好弄清楚将会给以后的开发带来困难,经过本小菜对其他文章的浏览,自我总结如下: 目 ...
html的css样式第四个标签,网页制作中css+div定义标签样式的4种基本用法
第一类:内联样式内联样式是写在标签里面的样式,它可以给单独的标签使用特别的样式. 例如: 这是内联样式这是内联样式那么如果要给多个标签加上相同的样式,使用下面的内部样式,是比较简便快速的方法. ...
前端一HTML:四: html标签
html标签简单说就是被"<>'括起来的就是标签. H系列标签. 作用:将文字以标题的形式显示出来.一共有h1,h2,h3,h4,h5,h6标签. P标签:段落标签将某行文字以 ...
html四个标签,基本的 HTML 标签 - 四个实例
畅通工程续--E E. 畅通工程续某省自从实行了很多年的畅通工程计划后,终于修建了很多路.不过路多了也不好,每次要从一个城镇到另一个城镇时,都有许多种道路方案可以选择,而某些方案要比另一些方案行走的 ...
position的四种属性
值描述 static(默认) 默认值.没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明). relative(相对定位) 生成相对定 ...
django 学习 (四) 模板标签
模板标签实现html文件中的控制语句,模板标签语句用{% %}形式编写假如在views.py文件中定义以下内容并传递给模板 my_dic = {'name':'zhang', 'age':'32' ...

关于position的四个标签

关于position的四个标签相关推荐

最新文章

热门文章