引导者本文目录一览：
- 1、在css中,position:absolute;top:20%;不起作用都是有哪些原因
- 2、absolute与relative怎么区分?求解
- 3、css中absolute和relative的区别
- 4、css中absolute和relative的区别?
在css中,position:absolute;top:20%;不起作用都是有哪些原因
好使啊，绝对定位是相对浏览器定位的，根据浏览器的高度的不同，你的50%的值也不一样，位置也不一样。
绝对定位（position：absolute；）使元素的位置与文档流无关，因此不占据空间。设置为绝对定位的元素框从文档流完全删除，并相对于其包含块定位。元素原先在正常文档流中所占的空间会关闭，就好像该元素原来不存在一样。
css在jsp不起作用可能的原因如下：css引用的文件路径写错。有时候需要填写绝对路径。jsp代码存在错误。例如id号没有对应上、js代码书写不规范。java代码存在错误，一般是调用函数存在问题，检查函数名是否写对。
css position属性允许你定位一个元素，通过使用top，left，bottom，right属性，当然你必须先设定position的属性值，以便告诉浏览器依据什么方式进行定位。
首先经过测试，你得样式表没有任何错误，浏览器是认可的，但是看你的代码使用了jQuery，但是你代码没有引入jQuery库，导致mainContainerdiv的高度是0，因此top的属性就没有用了。
用top left right 属性 精确定位 --- 你要理解，绝对定位可相对定位的意思。
absolute与relative怎么区分?求解
定位不同 absolute是绝对定位absolutecss，绝对定位就是相对于父元素absolutecss的定位absolutecss，不受父元素内其他子元素的影响absolutecss；而relative是相对定位，相对定位是相对于同级元素的定位，也就是上一个同级元素。
absolute是绝对定位；而relative是相对定位；解释：绝对定位就是相对于父元素的定位，不受父元素内其他子元素的影响；而相对定位是相对于同级元素的定位，也就是上一个同级元素。
absolute指绝对位置，就是说设定后该控件是固定在页面的某处，不会因其他控件的大小变化而影响到其分布位置的改变。position指一般位置，就是说设定后该控件在无其他控件的影响下，其位置位于你设定的地方。
你好 absolute是绝对定位，相对于浏览器的定位。比如：position：absolute；left：10px；top：20px；这个容器始终位于距离浏览器左10px，距离浏览器上20px的这个位置。
css中absolute和relative的区别
定位不同 absolute是绝对定位，绝对定位就是相对于父元素的定位，不受父元素内其他子元素的影响；而relative是相对定位，相对定位是相对于同级元素的定位，也就是上一个同级元素。
CSS元素定位主要有四种类型：静态定位（Static）、相对定位（Relative）、绝对定位（Absolute）和固定定位（Fixed）。 静态定位（Static）：这是元素的默认值，即元素在文档的正常流中定位。
而网页居左其特性与Relative很相似，但是还是有本质的区别的。
css中的绝对定位和相对定位的区别：position： absolute，绝对定位。position： relative，相对定位。position：absolute，float会隐式地改变display的类型（display：none除外）。
是相对于浏览器的定位。比如：position：absolute；left：20px；top：80px； 这个容器始终位于距离浏览器左20px，距离浏览器上80px的这个位置。position：relative是相对定位，是相对于前面的容器定位的。
css中absolute和relative的区别?
1、定位不同 absolute是绝对定位，绝对定位就是相对于父元素的定位，不受父元素内其他子元素的影响；而relative是相对定位，相对定位是相对于同级元素的定位，也就是上一个同级元素。
2、CSS元素定位主要有四种类型：静态定位（Static）、相对定位（Relative）、绝对定位（Absolute）和固定定位（Fixed）。 静态定位（Static）：这是元素的默认值，即元素在文档的正常流中定位。
3、而网页居左其特性与Relative很相似，但是还是有本质的区别的。
4、是相对于浏览器的定位。比如：position：absolute；left：20px；top：80px； 这个容器始终位于距离浏览器左20px，距离浏览器上80px的这个位置。position：relative是相对定位，是相对于前面的容器定位的。
5、css中的绝对定位和相对定位的区别：position： absolute，绝对定位。position： relative，相对定位。position：absolute，float会隐式地改变display的类型（display：none除外）。
6、与此不同的，在绝对(absolute)定位对象之后的文本或对象在被定位对象被拖离正常文档流之前会占有它的自然空间。放置绝对(absolute)定位对象在可视区域之外会导致滚动条出现。
