java锚点_定位与锚点 - strongerPian

文档流：

普通流：上至下，左至右

浮动流：元素添加了float：；

定位流：添加了定位属性

定位 position:;

static 默认值

absolute 绝对定位(脱离文档流，不占位；默认参考浏览器零点)

relative相对定位(占据文档流，占位置；参考自身加载在页面中的位置)

fixed 固定(脱离文档流，不占位；元素固定在页面中，不随页面滚动而滚动；默认参考浏览器零点)

sticky 粘性定位(页面达到一定高度时，脱离文档流；效果是吸附浏览器顶部)(结合了relative和fixed的特征)

坐标位置水平left right

垂直top bottom

包含块：

形成嵌套结构，且父级元素有设置定位position：relative；

absolut和relative的区别：

1、是否占据文档流， absolute占据，relative不占据

2、参考物不同，absolute参考html，relative参考自身

层级关系 z-index:;

前提条件：有定位的元素才能设置层级关系

auto默认值0

number 具体数字，可以为负数

并列关系：改变任一元素的层级关系都可以

嵌套关系：只能改变子集的层级关系

元素居中方式

第一种：

position:absolute;==>子元素改变子集位置

top:0p;

right:0px;

bottom:0px;

left:0px;

margin:auto; ==>自适应

第二种：

position:absolute; ==>子集作为被参考物

top:50%;

left:50%;

margin-left:宽度值一半的px;

margin-top:高度值一半的px;

锚点链接

1、点击位置点击位置

2、确定跳转位置指定跳转的位置标签>

3、页面高度足够

java锚点_定位与锚点 - strongerPian - 博客园相关推荐

java 雷达反射面积_毫米波雷达 - Magnum Programm Life - 博客园
微波是通信和雷达使用的主要频段, 300Mhz ~ 300GHz. 毫米波是微波的一个子频段. 可见光,红外,激光, 由于频率不同和微波的特性有很大差异. 不同频段的电磁波在 "反射, 吸 ...
java 级联删除_级联删除 - Asher鑫与 - 博客园
相信学过数据库基础的童鞋们都知道,当有两个表A和B,表A的外键正是表B的主键时,我们会发现,当我们用数据库语言对B表数据进行删除操作的时候,我们会发现根本就删除不了,所以呢,在实际代码中,想要通过点击 ...
java毕业设计项目_第167期ssm多用户博客个人网站_计算机毕业设计
java毕业设计项目_第167期ssm多用户博客个人网站_计算机毕业设计 [源码请到资源专栏下载] 今天分享的项目是<ssm多用户博客个人网站> 该项目分为2个角色,管理员和用户. 用户可 ...
webbrowser中localhost和发布的地址_发布一款android版博客园官方app
1.前言博客园创立于2004年1月,是一个面向开发者的知识分享社区.自创建以来,博客园一直致力并专注于为开发者打造一个纯净的技术交流社区,推动并帮助开发者通过互联网分享知识,从而让更多开发者从中受益 ...
java获取url锚点_定位与锚点
文档流: 普通流:上至下,左至右浮动流:元素添加了float:: 定位流:添加了定位属性定位 position:; static 默认值 absolute 绝对定位(脱离文档流,不占位:默认参考浏 ...
java费波拉切_面试题 - 不再犯错 - 博客园
js的基本类型有哪些?引用类型有哪些?null和undefined的区别. 如何判断一个变量是Array类型?如何判断一个变量是Number类型?(都不止一种) Object是引用类型嘛?引用类型和基 ...
java编写某计算器控制台程序_计算器 - 进阶的憨狗 - 博客园
源起最近在看程杰著作的<大话设计模式>,全书以小菜和大鸟对话的形势,由浅入深的讲解程序的设计思想,影射出一个个设计模式.我之前虽然也使用过一些设计模式,但没有系统的学习.整理.总结,现从 ...
mysql是大端小端_大端和小端 - HackerVirus - 博客园
在计算机中是以字节为单位,每个地址对应一个字节,一个字节8bit.在C中,除了8bit的char以外,还有16bit的short,32位的int,64位long,当然具体要由编译器决定,可以通过siz ...
计算机属性的Java代码_java - 学计算机的人绝不认输 - 博客园
一.指令元素 1.page指令 import session contentType buffer isTreadSafe info errorPage isErrorPage 2.include指令 ...

java锚点_定位与锚点 - strongerPian - 博客园

java锚点_定位与锚点 - strongerPian - 博客园相关推荐

最新文章

热门文章