元素定位html案例总结 第1篇

自定义函数语法 使用function关键字定义函数

自定义函数实例 注意:1、函数的形参直接写参数名称，不需要声明类型，即不需要写var. 2、函数的返回取决于函数体中是否有return关键字。

元素定位html案例总结 第2篇

Array 对象用于在变量中存储多个值，也就是数组

声明数组

数组的长度 length属性

元素定位html案例总结 第3篇

要创建新的 HTML 元素 (节点)需要先创建一个元素，然后在已存在的元素中添加它。

这是段落1

这是段落2

-replaceChild()方法

这是一个段落。

这是另外一个段落。

-removeChild()方法

这是一个段落。

这是另外一个段落。

元素定位html案例总结 第4篇

JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。

JavaScript 是脚本语言，浏览器会在读取代码时，逐行地执行脚本代码。而对于传统编程来说，会在执 行前对所有代码进行编译。

JavaScript中也有分支结构和循环结构，语法与java类似，此处就不再深入讲解。细节上的内容等我们 后面使用过的时候再给大家单独指出。

PS:一般一行只写一条语句，每句结尾编写分号结束。

元素定位html案例总结 第5篇

相对自身原来位置进行偏移：偏移设置：top、left、right、bottom

left和top正、负取值的方向：

top向下为正，left向左为正，right和bottom正相反。

先设置第二个盒子右浮动：

再设置第一、第二盒子相对定位：

元素定位html案例总结 第6篇

fixed属性值：偏移设置： left、right、top、bottom

类似绝对定位，不过区别在于定位的基准不是祖先元素，而是浏览器窗口

div:nth-of-type(1) {  /*第一个div设置绝对定位*/

            width: 100px;

            height: 100px;

            background: red;

            position: absolute;

            right: 0;

            bottom: 0;    }

div:nth-of-type(2) {  /*第二个div设置固定定位*/

            width: 50px;

            height: 50px;

            background: yellow;

            position: fixed;

            right: 0;

            bottom: 0;    }

body{

     height: 1000px;

  }

此时：滑动滚动条，红色块会向上走，黄色块不动；因为红的块是绝对定位，它所谓的相对于浏览器窗口来进行定位，是在一屏之内，超过一屏就不是那个地方了；而黄色的块是固定定位，一直都是浏览器的固定位置，超过一屏之后还是那个地方

①相对于自己的初始位置来定位。

②元素位置发生偏移后，它原来的位置会被保留下来。

③层级提高，可以把标准文档流中的元素及浮动元素盖在下边。

相对定位一般情况下很少自己单独使用，都是配合绝对定位使用，为绝对定位创造定位父级而又不设置偏移量。

①绝对定位是相对于它的定位父级的位置来定位，如果没有设置定位父级，则相对浏览器窗口来定位。

②元素位置发生偏移后，原来的位置不会被保留。

③层级提高，可以把标准文档流中的元素及浮动元素盖在下边。

④设置绝对定位的元素脱离文档流。

一般情况下，绝对定位用在下拉菜单、焦点图轮播、弹出数字气泡、特别花边等场景。

①相对浏览器窗口来定位。

②偏移量不会随滚动条的移动而移动。