`

position:absolute;就是绝对位置.

    博客分类:
  • css
 
阅读更多
position:absolute;就是绝对位置.   
比如可以通过   <div   style="position:absolute;   top:100;   left:100">aa</div>   
来设置元素div的屏幕显示位置
absolute :  将对象从文档流中拖出,使用left,right,top,bottom等属性进行绝对定位。

visibility:visible 为能见度:可见;
不要用visibility,用display 
display:none;隐藏(不占空间的) 
display:block;显示
分享到:
评论

相关推荐

    IE6实现position:fixed bug (固定窗口方法)的实例

    这个内容是老生常谈了,主要问题就是IE6不支持 ...造成这个问题的原因是fixed元素的绝对位置是相对于HTML元素,滚动条是body元素的(貌似ie6中他们的区别就是在于滚动条界限那里). 知道了原因,我们就大概知道如何解决了:

    Web前端开发基础:CSS网站布局 .ppt

    教学内容 定位标签:position 包含属性:relative(相对) absolute(绝对) 1. position:relative; 如果对一个元素进行相对定位,首先它将出现在它所在的位置上。然后通过设置垂直或水平位置,让这个元素“相对于”...

    famous-test-positionabsolute:在移动设备(iOS 和 android)上显示键盘时测试绝对定位问题

    著名测试位置绝对在移动设备(iOS 和 android)上显示键盘时测试绝对定位问题###问题当虚拟键盘显示在 iOS 和 Android 上,并且屏幕底部下方有隐藏的表面时(例如,当使用 Scrollview 时),窗口 scrolloffset 会...

    IE6/IE7下绝对定位position:absolute和margin的冲突问题解决

    , 绝对定义(position:absolute)的相邻元素margin-top失效,但如果相邻元素(layer3)去掉width属性,margin-top又会生效,针对这个问题,本文将给予正确的解释,感兴趣的你可以参考下,或许可以帮助到你

    HTML基础知识——css样式表,样式属性,格式与布局详解

     绝对位置:  1.外层没有position:absolute(或relative);那么div相对于浏览器定位,如下图中b(距离浏览器右边框为50像素,距离下边框为20像素)。  2.外层有position:absolute(或relative);那么div相...

    详解iOS中position:fixed吸底时的滑动出现抖动的解决方案

    主要介绍了详解iOS中position:fixed吸底时的滑动出现抖动的解决方案,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    根据配置JSON生成页面导航栏

    根据配置JSON生成页面导航栏(注意:采用页面绝对定位 position:absolute,需要与页面布局配合使用),配置数据如下: navData={ logoImg:"../assets/img/mysql.png", name:"MySQL管理工具", navArr:[ {...

    Uzakbaev.github.io:项目网站

    位置:绝对; 左:290px; 顶部:200px; } .Intro{ position:absolute; left:290px; top:250px; } #offical{ position: absolute; right:290px; top:200px; background-color:rgb(255, 255

    div的position属性

    如果想为元素设置层模型中的绝对定位,需要设置position:absolute(表示绝对定位),这条语句的作用将元素从文档流中拖出来,然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行...

    网页布局绝对定位(position)轻松简单

    要想控制好层的绝对定位,只要理解CSS中关于定位(position)的定义,一切就会变得轻松简单。 使用CSS来定位页面内层的位置,一直是比较难以掌握的事情,很多时候,往往被绝对定位的元素,总是以浏览器的左上角为...

    静态变量位置不变可以用以动态的参考位置

    position: fixed;绝对定位 滚动条啦位置不变 position: relative; 静态变量 位置不变 可以用以动态的参考位置 position: absolute; 动态

    CSS position:absolute全面了解

    一、绝对定位的特征 绝对定位有着与浮动一样的特性,即包裹性和破坏性。 就破坏性而言,浮动仅仅破坏了元素的高度,保留了元素的宽度;而绝对定位的元素高度和宽度都没有了。 请看下面代码: XML/HTML Code复制内容...

    CSS的position属性在DIV层中的应用

    原来只明白position:relative是相对定位,position:absolute 是绝对定位; 经常看到图片轮播的下方有个半透明背景的文字描述。我现在要做这样一个效果,因为不是轮播,所以没去找插件,想自己写。 半透明背景可以...

    【JavaScript源代码】javascript实现跟随鼠标移动的图片.docx

    2、将图片设置成绝对定位:position: absolute; 3、获取图片元素对象,将鼠标的 x , y 坐标 分别赋值给图片的 left , top 值,为了时鼠标在图片中间,可以减去图片宽高的一半,让图片位置向上向左,注意:不要忘记...

    使用CSS的position属性控制页面布局的入门教程

    postion 属性定义了一个元素在页面布局中的位置以及对周围元素的影响。该属性共有5个值: position: absoluteposition: relativeposition: fixedposition: staticposition: inherit本文主要详细讨论 position 属性的...

    CSS Position 使用详细小结

    所有元素的默认定位都是:position:static,这意味着元素没有被定位,而且在文档中出现在它应该在的位置。 一般来说,不用指定 position:static,除非想要覆盖之前设置的定位。 #div-1 { position:static; } 2. ...

    网页制作学习教程 CSS Position

    所有元素的默认定位都是:position:static,这意味着元素没有被定位,而且在文档中出现在它应该在的位置。 一般来说,不用指定 position:static,除非想要覆盖之前设置的定位。 #div-1 { position:static; } 2. ...

    仿魅族官网(HTML+CSS)静态界面

    本次设计魅族官网主要运用了HTML和CSS,为方便检查代码,style...——position: absolute;使用了多个:hover效果来实现变化。能够巩固熟悉浮动、相对定位,绝对定位、下拉列表、hover效果、整体缩放等知识点的用法。

    如何让层垂直居中于浏览器窗口?.rar

     其实解决的思路是这样的:首们需要position:absolute;绝对定位。而层的定位点,使用外补丁margin负值的方法。负值的大小为层自身宽度高度除以二。 如:一个层宽度是400,高度是300。使用绝对定位距离上部与左部都...

Global site tag (gtag.js) - Google Analytics