position：absolute这个是绝对定位；
是相对于浏览器的定位。
比如：position：absolute；left:20px;top:80px; 这个容器始终位于距离浏览器左20px,距离浏览器上80px的这个位置。
position：relative是相对定位，是相对于前面的容器定位的。这个时候不能用top left在定位。应该用margin。
zengshaotao
- 浏览: 787514 次
- 性别:
- 来自: 上海
-
文章分类
- 全部博客 (981)
- javascript (102)
- java (212)
- JQuery (81)
- 幽默笑话 (2)
- 只言片语 (6)
- 开发小记 (283)
- Hibernate (17)
- DWR (4)
- SQL (10)
- spring-ibatis (8)
- linux (24)
- Struts1 (8)
- Struts2 (16)
- spring (42)
- Mybatis (16)
- css (18)
- servlet (8)
- jdbc (4)
- jsp (1)
- spring-jdbc (2)
- FreeMarker (2)
- MySQL (24)
- JQuery-Grid (7)
- jstl (5)
- 正则表达式 (1)
- 面试集锦 (86)
- unix (18)
- 开发工具 (23)
- ajax (5)
- webservice (4)
- log4j (3)
- oracle (15)
- extjs (14)
- 其他 (9)
- 优秀技术参考地址 (1)
- 性能 (3)
- 数据库 (25)
- 算法 (15)
- 设计模式 (10)
- Python (3)
- AIX (5)
- weblogic (1)
- shell (14)
- quartz (5)
- 图形文件FusionCharts (1)
- Websphere (4)
- 转载 (5)
- hadoop (1)
- highchart (24)
- perl (22)
- DB2 (7)
- JBoss (1)
- JQuery Easy UI (9)
- SpringMVC (5)
- ant (5)
- echart (9)
- log4J配置 (3)
- 多线程 (10)
- 系统架构 (7)
- nginx (3)
- loadrunner1 (1)
- 分布式 (1)
- Dubbo (1)
- Redis (2)
- JMS (4)
- 自动化测试 (3)
- Spring循环依赖的三种方式 (1)
- spring-boot (2)
- 高级测试 (9)
- github (2)
- sonar (1)
- docker (6)
- web前端性能优化 (1)
- spring-aop (6)
- rabbit (1)
- ELK (1)
- maven (1)
- minio (1)
最新评论
-
zengshaotao：
jstl1point0 写道很好啊，如果有带Session会话 ...
Nginx+Tomcat搭建高性能负载均衡集群 -
jstl1point0：
很好啊，如果有带Session会话的怎么搞呢
Nginx+Tomcat搭建高性能负载均衡集群
分享到：
发表评论
-
CSS+DIV之强化background属性
2015-03-26 18:47 7841.背景颜色属性(background-colo ... -
CSS div文本垂直居中
2015-03-25 10:47 684css -
padding，margin
2014-11-15 13:08 319对于浏览器元素的间距，可以分为基本的两种。 一种是m ... -
div文本居中
2014-11-14 23:38 584vertical-align属性值在div中是不起作用的，对 ... -
img display:block
2014-11-12 20:20 791<div style="padding:0p ... -
div居中
2014-11-11 23:08 385div自动从左边开始排布，如果是div的width=95%， ... -
被忘却的cellspacing
2014-11-05 21:12 554使用的chrome浏览器，开始访问自己建立的站点。还是比较常 ... -
伪类选择器
2013-12-24 08:55 537伪类选择器具有自动切换class的特性,而不用添加复杂的控制脚 ... -
style table border
2013-09-12 16:05 598table元素,使用了border属性之后,会将值应用于td里 ... -
position
2013-09-10 21:09 540position:absolute;这表示定位是相对浏览器的。 ... -
colspan
2013-09-10 20:32 492对于td，是存在于tr里面的，一般的也都要使用colspan这 ... -
div style常用属性
2013-09-06 22:12 800div style常用属性 一、常用属性： 1、Heigh ... -
padding margin
2013-09-06 22:00 885<body onclick="bodyclic ... -
页面样式
2013-09-06 21:41 831<body onclick="bodyclic ... -
style="text-align:left;"
2013-09-03 20:19 899开发的时候需要调整页面样式，但又不是从零开始，所以快捷的同时也 ... -
body leftMargin
2013-08-17 12:37 1140<body bgcolor="green&qu ... -
CSS
2012-11-23 16:56 953<!DOCTYPE html PUBLIC " ...
相关推荐
主要提供一个网页全局定位函数，根据OBJ来定位,让DIV定位到OBJ上或者下或者右或者右或者增加偏移量(不规则图形背景) 支持左对齐定位，右对齐定位 另外还有个鼠标判断函数，判断在或者不在OBJ内
在`DIV定位`方面，`position:absolute`属性使得`DIV`可以相对于其最近的非静态定位祖先元素进行定位，如果没有这样的祖先，它将相对于整个文档定位。通过设置`top`和`left`属性，我们可以精确地控制弹出层在页面上的...
在网页设计中，CSS（层叠样式表）和DIV（定义文档布局的HTML元素）的定位是至关重要的，它们决定了页面元素如何在屏幕上精确地展示。本篇文章将深入探讨CSS中的四种定位方式：static、relative、absolute和fixed，...
标题"div不随滚动条的移动而改变位置"所指的问题是关于如何实现一个固定定位（fixed positioning）的 `div` 元素。这种效果使得 `div` 在页面上保持在一个特定位置，即使用户滚动页面，它也不会移动。这通常用于创建...
然而，为`div`弹出层进行准确的定位可能会遇到一些挑战，因为这涉及到CSS布局、浏览器兼容性以及页面动态变化等多个方面。下面我们将详细探讨`div`弹出层定位问题的处理方法。 首先，让我们理解`div`的基本概念。`...
4. **调试工具**：帮助定位和修复样式问题，如选择器覆盖、层叠优先级等。 5. **样式检查器**：可以查看和编辑页面元素的CSS样式，方便快速调整。 6. **响应式设计支持**：提供预设的断点和模拟设备视口，便于创建...
div定位
在页面加载时，div通常是隐藏的，当触发特定事件（例如点击按钮）时，插件会将div定位到屏幕中央，并设置适当的透明度以突出显示。同时，可能还会包含一些过渡效果，如淡入淡出，以增加用户体验的流畅性。 要使用这...
要使div定位到链接下方，你需要考虑CSS布局和JavaScript的配合。可以使用绝对定位，并通过JavaScript获取链接的坐标，然后设置div的`top`和`left`属性。CSS样式和JavaScript定位部分需要结合实际的页面结构和样式来...
2. **定位**：CSS提供了`position`属性，允许我们将Div定位为绝对、相对或固定。这使得我们可以精确控制元素在页面上的位置。 3. **尺寸控制**：`width`和`height`属性用于设置Div的大小，而`margin`和`padding`则...
本主题主要探讨如何让div元素浮于页面固定位置、实现展开与隐藏的效果，以及利用锚点进行精确定位。这些技巧对于创建交互性强、用户体验良好的网页至关重要。 一、div元素的固定定位 在CSS中，我们可以使用`...
/* 使子元素相对于此div定位 */ } .sub-menu { display: none; /* 默认隐藏子菜单 */ position: absolute; /* 绝对定位 */ top: 100%; /* 子菜单在父元素下方 */ background-color: rgba(255, 255, 255, ...
本教程将深入探讨两种主要的定位方式：相对定位和绝对定位，这两种方法在DIV+CSS布局中尤其常用。 1. 相对定位（relative） 相对定位是CSS定位的基础，它保持元素在正常文档流中的位置，但允许通过`top`、`right`、...
在给出的代码示例中，有三个div（`.div-a`、`.div-b`和`.div-c`），它们都是绝对定位的，并且都在`.div-relative`这个相对定位的容器内。通过调整各自的`left`、`top`属性，使得这些div在页面上重叠。 `.div-a`位于...
div+css定位代码示例 说明了绝对和相对
为了完整实现底端对齐，父元素div必须有相对定位（relative）或者更高级的定位（absolute, fixed），才能允许子元素div进行绝对定位（absolute）。如果父元素没有设置定位，那么子元素的绝对定位将会是相对于整个...
本篇文章将深入探讨如何利用`DIV+CSS`实现`DIV`的居中布局。 首先，我们要理解`<div>`元素。`<div>`是“division”的缩写，代表一个区域或区块，在HTML中用于组合其他元素，是构建网页布局的基础。通过设置`<div>`...
本文将详细解析div+css定位的四种基本类型：static、relative、absolute和fixed，以及它们之间的差异。 1. **static**： - 这是元素的默认定位方式，元素会按照正常的文档流顺序排列，不考虑`top`, `bottom`, `...
通常，这个`<div>`元素被设置为绝对定位（`position: absolute`），并覆盖在整个页面之上，其宽度和高度根据页面的实际大小动态调整，以确保遮罩层可以完全覆盖页面的所有内容。遮罩层的背景色一般设为半透明，以...