很多朋友问过我absolute与relative怎么区分,怎么用?我们都知道absolute是绝对 定位,relative是相对定位,但是这个绝对与相对是什么意思呢?绝对是什么地方的绝对,相对又是相对于什么地方而言的呢?那他们又有什么样的特性, 可以做出什么样的效果呢?关于两者之间又有什么样的技巧呢?下面我们就来一一解读. Absolute,CSS中的写法是:position:absolute; 他的意思是绝对定位,他是参照浏览器的左上角,配合TOP.RIGHT.BOTTOM.LEFT(下面简称…

一.相对定位(position:relative) 1.相对定位:将盒子的position属性设置为relative:可通过left.top.right.bottom设置偏移量. 相对定位基础用法示例: 我们先在页面设置两个div盒子(第一个红色:第二个蓝色) 最初的位置 我们将第一个盒子进行相对定位:离左边200px:离顶部50px: 得到的效果是: 得出结论: 1.红色盒子是相对于盒子最初的位置向左偏移200px,向下偏移50px: 2.盒子偏移后也不会影响其他盒子:偏移后最初的位置会留下一…

一.位置position[定位属性:static,relative,absolute,fixed,inherit,-ms-page,initial,unset] 1.static:元素框正常生成,块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或者多个行框,置于其父元素中. 2.relative:[相对于自己本身在流中的位置的偏移]元素框偏移某个距离.元素扔保持其未定位前的形状,它原来所占的空间扔保留. 3.absolute:[相对于父元素 —— 前提是父元素的位置是确定的]元素…

relative:相对定位,并没有脱离原来文档流,依然在原来的位置上,可以通过设置left,top,来设置自己的偏移量,但是它依然占据自己原来的位置,偏移的位置会遮盖其他的元素 absolute:绝对定位,脱离原来的文档流,不在原来的位置上了,不占用父元素的空间,设置偏移量对其他的元素没有影响…

前言 近期遇到一个问题--"position:relative"到底会不会导致元素脱离文档流?主流观点是不会,但都给不出一个有说服力的论据.最后我自己佐证了一番,总算有了个结果:"position:relative"不会导致元素脱离文档流. 博文地址:CSS中"position:relative"属性与文档流的确切关系 "relative"与文档流 说到标准,最权威的自然莫过于CSS标准文档.经过一番繁琐的查找之后(w3c网站…

详细讲解nodejs中使用socket的私聊的方式 在上一次我使用nodejs+express+socketio+mysql搭建聊天室,这基本上就是从socket.io的官网上的一份教程式复制学习,然后,根据国情,我又在其中加入了私聊点对点,然后共享画图的你画我猜功能. 先上效果图: 由于本人太穷,所以服务器和数据库都是使用的国外免费的.域名是我的,它的访问地址是:http://chat.lovewebgames.com 先说下我对socket.io的理解,websocket更像是开启了一个端口…

前言 大家好,给大家带来详细讲解Java中的接口与继承的概述,希望你们喜欢 什么是接口(interface) 接口中的方法都是抽象方法,public权限,全是抽象函数,不能生成对象 interface Student{ public void read(); public void write(); } class ChineseStudent implements Student{ //复写 public void read(){ System.out.println("read")…

前言 大家好,给大家带来详细讲解Java中的类和面向对象思想的概述,希望你们喜欢 类和面向对象 在Java中怎样理解对象,创建对象和引用:什么是引用,对于基础学习的同学,要深入了解引用.示例:String str = new String(); :其中str为引用,并创建了一个对象. 引用 如果一个变量的类型是类的类型,不是基本数据类型,那么这个变量就叫做引用. 对 Person person = new Person(); 这个的理解: person叫做引用,new Person() 为创建了…

前言 大家好,给大家带来详细讲解Java中的泛型,多线程,网络编程的概述,希望你们喜欢 泛型 泛型格式:ArrayList list= new ArrayList(); ArrayList list= new ArrayList<>(); Type可以为类,接口 使用泛型可以使加入的,不用被强制 通配符 ArrayList<? extends Type> list= new ArrayList<>(); 代表任意泛型 多线程 在同一时间,做多件事情. 创建线程的方法 继…

前言 大家好,给大家带来详细讲解Java中的异常处理情况与I/O流的介绍以及类集合框架的概述,希望你们喜欢 JAVA 异常 try...catch...finally结构的使用方法 class Test{ public static void main(String args[]){ try{ int i = 1 / 0; } catch(Exception e){ e.printStackTrace(); } finally{ System.out.println("finally"…