页面中一些基本的定位

定位
- 定位的基本介绍
- 静态定位
- 相对定位
- 绝对定位
- 固定定位
- 元素的层级关系
装饰
- 光标类型
- 边框圆角
- overflow溢出部分显示效果
- 元素本身隐藏

定位

定位的基本介绍

定位的基本使用
解决盒子与盒子之间的层叠问题
可以让盒子始终固定在屏幕中的某个位置

静态定位

相对定位

只写left 和top ，right和bottom不生效没有用

绝对定位

子绝父相

位移居中

案例1

案例2

固定定位

1.脱标-不占位置
2.改变位置参考浏览器窗口
3.具备行内块特点

元素的层级关系

配合定位使用才生效

装饰

基线baseline
垂直对齐

要给父级加个行高，然后才能垂直居中，如果居中要给父级加text-align：center

光标类型

边框圆角

工作中常用的边框圆角

overflow溢出部分显示效果

元素本身隐藏

显示元素

拓展：元素整体透明度

网页中一些基本的定位相关推荐

为网页中的图片添加水印的效果
程序本来源于http://dev.csdn.net/develop/article/22/22096.shtm中lovered所写的程序,我把其中的一些我觉得不太好的加以了改进并且增加一些功能形成了该 ...
精确定位网页中各个元素的位置
精确定位网页中各个元素的位置有两种方法:使用表格或层.使用表格是目前比较通用的做法,具体方法是:先在网页中建立一个表格,注意表格的边框宽度应为0.然后再把各个元素按照你的要求放在各个表格单元之中.仔细 ...
艺赛旗RPA 网页处理系列（一）：在网页中的可变元素如何准确定位
目前艺赛旗RPA已经更新到8.0版本,可以让所有用户免费下载试用http://www.i-search.com.cn/index.html?from=line1 (复制链接下载) 在网页中的可变元素如 ...
js手机键盘遮挡_完美解决手机网页中输入框被输入法遮挡的问题
之前要做一个弹出对话框,填写信息,发现在手机上看的时候,较后的输入框在填写信息时,输入框被输入法遮挡,只能盲填. 前提 1.弹出的对话框用display:fixed定位的 2.对话框大小固定解决办法 ...
网页中Google Map的使用
要在自己的网页中嵌入地图,常用的方法可以归纳为以下几种: 1.最简单的方法 --使用谷歌地图主页的"链接" 如果你只需要在自己的页面上显示某个特定范围的地图,比如你的公司所在地,但 ...
在网页中画Icon小图标
在网页中画Icon小图标. 现代网页中,绝大部分都采用了Icon小图标的方式.其积分大致分为三类,CSS Sprite,font+HTML,font+CSS. CSS Sprite:又称为CSS雪碧, ...
JQuery模拟网页中自定义鼠标右键菜单
题外话.......最近在开发一个网站项目的时候,需要用到网页自定义右键菜单,在网上看了各路前辈大神的操作,头晕目眩,为了达到目的,突然灵机一动,于是便有了这篇文章. 先放个效果图(沾沾自喜,大神勿喷 ...
网页中嵌套网页flush_如何修改网页中的内容？
注意:请勿将本文中提到的技术用于违法行为,因此造成的损失我不承担任何责任. 简介之前在内测群里聊天,我才发现几乎没有人知道如何修改一个网页中的内容,除了相关领域.可能是因为我已经接触了前端的一些知识 ...
在网页中插入百度地图
在网页中插入百度地图如果想在自己的网页上面加入百度地图的话,可以用百度地图的api. 第一步:进入百度创建地图的网站http://api.map.baidu.com/lbsapi/creatmap/ ...

网页中一些基本的定位