`
- 浏览:
4388 次
- 性别:
- 来自:
河北
-
我现在还是在校的学生，前一阵子刚讲了Html语言和CSS，另我很费解的就是position里的Absolute与Relative.一个是绝对定位，一个是相对定位。有时真不知道怎么弄才好。
Absolute在css中的写法是position:absolute;.它是绝对定位，即参照浏览器的左上角，配合TOP,LEFT,BOTTOM,RIGHT的值来定位的。
Relative在在css中的写法是position:relative;.它是相对定位，即参照父级的坐标原点为坐标原点。无父级则以BODY的坐标原点，配合TRBL进行定位。
但在实际应用中，用Absolute与Relative哪个更好的问题上，我们一般都经常用到Relative，我还要多用用Absolute，能更好的分清楚什么时候用到Absolute，什么时候用
Relative。希望我能进步的更快一些，呵呵。
分享到：
相关推荐
对于初学者来说，用`p`标签代替`div`并设置`margin`属性来调整位置是一种简化布局的方法。这适用于简单的情况，但当需要更精细的控制或复杂的布局时，使用`position`属性通常更为有效。 总的来说，`relative`和`...
Python编程初学者指南.pdf
初学Python那些事1. 什么是python2. python怎么运行2.1 下载python（编程环境）2.2 下载pycharm（开发工具）3. 学python 1. 什么是python Python是一种跨平台的计算机程序设计语言。 一位名叫Guido van Rossum的大佬...
对于初学者来说，Java提供了一个良好的学习平台，因为它的语法清晰，易于理解。"java小项目 适合初学者"这样的资源集合是入门Java编程的理想起点。 这个标题表明，你将接触到一系列小型的Java项目，这些项目通常是...
**Selenium初学者指南** Selenium是一款强大的自动化测试工具，尤其在Web应用程序的测试领域，它占据了重要地位。本指南专为初次接触Selenium的读者设计，旨在帮助你们快速掌握这个强大的工具，从而提高测试效率，...
这些标签进一步明确了资源的性质，它与Eclipse IDE的使用、Android平台的初学者教程有关，特别是涉及到创建一个记事本应用的实践项目。Eclipse是Android开发者常用的IDE，而“实例”则意味着这里提供了实际可运行的...
本书从初学者的立场出发，为广大初学者提供了一个FPGS入门学习平台，以深入浅出的方式介绍FPGA的基本原理、Verilog语言和应用设计。但作为一个FPGA的初学者必须先了解以下几个问题：何为FPGA？为什么要学习FPGA？...
《GIS初学者》一本完全由学生创办、由学生供稿的GIS专刊向你走来 轻如一则课堂笔记，重若一篇学术论文，都是杂志的血肉；小到一个上机实 验，大至一项工程案例，皆为刊物的灵魂。 黎明前，一群群GIS初学者在...
该文档介绍了一个初学者怎样学习ＦＰＧＡ需要什么基础以ＦＦＰＧＡ学习过程。
Solidity编程 - 构建以太坊和区块链智能合约的初学者指南
86版五笔教程，适用于初学者，内容丰富，深入浅出。
《Oracle Database 11g初学者指南--详细书签版》是一本为初学者量身定制的指南，内容涵盖了Oracle Database 11g的基础知识、安装、管理、编程、备份与恢复、高可用性解决方案以及大型数据库特性等方面。 一、核心...
Python编程初学者指南，好好学习Python,Day day up。 天天向上。
给初学者之一：浅谈java及应用 学java 不知不觉也已经三年了 从不知java 为何物到现在一个小小的j2ee 项目经理 虽说不上此道高手，大概也算有点斤两了吧 每次上网，泡bbs逛论坛，没少去java 相关的版面 总体感觉初学...
Machine-Learning-for-Beginners, 面向初学者的机器学习 机器学习介绍传统人工智能( 人工) 算法是针对特定问题而设计的。 深蓝色是用来下棋的。 游戏敌人人工智能是用来攻击玩家的。 大多数传统的人工智能方法都是...
Vue的基础知识汇总(适用于后端人员和前端初学者)，Vue的基础知识汇总(适用于后端人员和前端初学者)，Vue的基础知识汇总(适用于后端人员和前端初学者)，Vue的基础知识汇总(适用于后端人员和前端初学者)，Vue的基础...
适合初学者的C++基础程序。通过练习基础编程可以是初学者对C++的基本规则有一定深度的了解。
浅谈HTML5,很适合初学者。 介绍了一些基本的元素和用法。 以及一些实用的场合，浏览器等等。 Web 开发进入新时代. 包括另外一些新一代网络开发技术. Web技术大致的入门
例如，可以使用`float`属性使导航项横向排列，使用`position: relative/absolute/fixed`进行定位，通过`transition`添加平滑过渡效果，以及使用媒体查询(`media query`)来实现自适应布局。 在实际操作中，初学者还...