定位的那些事

定位的类型

通过position属性,可以选择四种不同类型的定位:static    relative   absolute   fixed  ;

应用于所有元素,无继承性。

static : 块级元素生成矩形框,行内元素生成行内框,处于正常文档流中。

relative:元素相对自身偏移某个距离,仍保持定位前的状态,处于正常文档流中,原本所占的空间仍保留。

absolute:完全脱离文档流,相对于其包含块定位。元素在正常文档流中所占的空间关闭,仿佛不存在一样,生成块级框无论原来何种类型框。

fixed:与absolute类似,不过其包含块为视窗本身。

包含块的概念

时间: 2024-10-21 01:31:40

定位的那些事的相关文章

接口测试由0到1进阶

通过以下总结的内容,想必会对想了解测试的人以及刚进入测试的"猿",有个总体的概括,希望能帮到大家! 1.什么是接口测试 接口测试是测试系统组件间接口的一种测试.接口测试主要用于检测外部系统与系统之间以及内部各个子系统之间的交互点.测试的重点是要检查数据的交换,传递和控制管理过程,以及系统间的相互逻辑依赖关系等. 2.为什么做接口测试 首先,节省测试成本,数据模型推算,底层的一个bug能够引发上层的8个左右bug,而且底层的bug很容易引起全网的宕机.相反接口测试能够提供系统复杂度上升情

chromium浏览器开发系列第五篇:Debugging with WinDBG

Windbg相信windows开发的人都知道,有些人用的溜儿溜儿的,有个crash,直接拿这个工具一分析,就定位出来了.非常好用.以前有个同事,做sdk开发的,会各种命令.来北京后,还去过微软面试(不过当时是做外包,挣得也不少),问的问题就包括会不会用windbg定位问题.当时就会几个简单的命令,最后还是没面上(不堪回首). 使用windbg调试windows下的程序,只要有符号文件,问题定位分分钟的事.下面主要讲一下使用windbg调试chromium.有些是从官网上对翻过来的,如果大家看不明

关于接口测试的总结2

1.什么是接口测试 接口测试是测试系统组件间接口的一种测试.接口测试主要用于检测外部系统与系统之间以及内部各个子系统之间的交互点.测试的重点是要检查数据的交换,传递和控制管理过程,以及系统间的相互逻辑依赖关系等. 2.为什么做接口测试 首先,节省测试成本,数据模型推算,底层的一个bug能够引发上层的8个左右bug,而且底层的bug很容易引起全网的宕机.相反接口测试能够提供系统复杂度上升情况下的低成本高效率的解决方案. 其次接口测试不同于传统开发的单元测试,接口测试是站在用户的角度对系统接口进行全

说说css定位的事

CSS定位机制 CSS有三种基本的定位机制:普通流.浮动和绝对定位. 除非专门指定,否则所有框都在普通流中定位.也就是说,普通流中的元素的位置由元素在X(HTML)中的位置决定. 块级框从上到下一个接一个地排列,框之间的垂直距离是由框的垂直外边距计算出来. 行内框在一行中水平布置.可以使用水平内边距.边框和外边距调整它们的间距.但是,垂直内边距.边框和外边距不影响行内框的高度.由一行形成的水平框称为行框(LineBox),行框的高度总是足以容纳它包含的所有行内框.不过,设置行高可以增加这个框的高

做正确的事,不做容易的事

原文<李想:"做正确的事,不做容易的事"> 本文是我(李想)在去经纬投资和他们聊天的时候,速记员帮助我把聊天的内容记录了下来的整理.因为内容量很大,所以速记会有一些记录错误的地方.我想了一下,还是使用原文重新整理了一遍,把里面的错字和错误的数据进行了修改,从而避免对阅读者的误导. 不过,仍然感谢经纬和速记的帮助,这确实是我过去十几年创业最实实在在的记录. 我也开通了长微博打赏的功能,各位大爷看的好,赏几个零花钱! 李想,汽车之家网站创始人,前任汽车之家总裁.李想是80后的典

Selenium+Python自动化测试实战(2)元素定位

1.Selenium2 的原理 第一篇分享简单介绍了基于Python开发的Selenium2的环境配置,这篇主要讲一下基本用法.首先讲一下Selenium2的基本原理.基本上知道了这个东西是怎么回事,我们就知道怎么去用它做自动化测试. 与Selenium和Selenium RC不同,Selenium2将浏览器原生的API封装成WebDriver API,可以直接操作浏览器页面里的元素,甚至操作浏览器本身(截屏,窗口大小,启动,关闭,安装插件,配置证书之类的),所以就像真正的用户在操作一样.其实刚

手机被偷前必做的两件事

很多"专家"都曾经发过<手机被偷后必做的N件事>这类教程,比如:致电运营商挂失手机号:致电银行冻结手机网银:手机解绑支付宝:微信冻结账号:修改微博.微信.QQ等密码:找手机运营商补手机卡:等等等等,实际上,这类教程所要求的事情都不是必要的,亡羊补牢不如未雨绸缪,真正要做到丢失后手机安全,只需要事前做两件事情:设置指纹密码和SIM卡密码.对于苹果用户来说,还需设置"查找我的iPhone"和iCloud两步验证. 以iPhone为例,一般都会设置"

静态链表 初始化 定位 Malloc Free 插入 删除

#include <stdio.h> #include <stdlib.h> #define OK 1 #define TRUE 1 #define ERROR -1 #define FALSE -1 #define OVERFLOW -2 #define ElemType int #define Status int typedef int ElemType typedef int Status #define MAX_SIZE 1000;//表最大空间 /* //线性表的基本操

【温故而知新-Javascript】使用地理定位

地理定位(Geolocation)API让我们可以获取用户当前地理位置的信息(或者至少是正在运行浏览器的系统的位置).它不是HTML5规范的一部分,但经常被归组到与HTML5相关的新功能中. 1. 使用地理定位 我们通过全局属性 navigator.geolocation 访问地理定位功能,它会返回一个 Geolocation对象. 获取当前位置 顾名思义,getCurrentPosition方法能获得当前的位置,不过位置信息不是由函数自身返回的.我们需要提供一个成功的回调函数,它会在位置信息可