申请网站
忘记密码
密 码:
登录名:
建站咨询热线:
0532-88781131
、
18562723728
返回贴子列表
发表新贴
主题:
DIV悬浮的代码
共有
1175
人浏览过本贴
主贴管理
置 顶
加 精
结 贴
转 贴
昵称:奈薇建站网
论坛积分:108000
发贴等级:
21
发贴数:1156
回贴数:1282
被砸鸡蛋:
1
获赠鲜花:
182
发表时间:2019/10/30 17:40:00
楼 主
DIV悬浮的代码
让一个层叠加在另一个层上如果是这样的话你可以利用相对定位和绝对定位来实现比如:你在父元素上设置position:relative;在子元素上设置position:absolute;top:10px;left:10px;这样如果父元素里面有其他元素的话上面定义的这个子元素就可以"悬浮"在他上面了如果你说的悬浮是一个元素固定在窗口的某个位置拉滚动条他也不动哪么你可以使用固定定位比如:你在需要悬浮的元素上设置position:fixed;top:10px;left:10px;看下效果你就明白了
可参考手册:语法:position:static|absolute|fixed|relative取值:static:默认值。无特殊定位,对象遵循HTML定位规则absolute:将对象从文档流中拖出,使用left,right,top,bottom等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位。如果不存在这样的父对象,则依据body对象。而其层叠通过z-index属性定义fixed:未支持。对象定位遵从绝对(absolute)方式。但是要遵守一些规范relative:对象不可层叠,但将依据left,right,top,bottom等属性在正常文档流中偏移位置
说明:检索对象的定位方式。设置此属性值为absolute会将对象拖离出正常的文档流绝对定位而不考虑它周围内容的布局。假如其他具有不同z-index属性的对象已经占据了给定的位置,他们之间不会相互影响,而会在同一位置层叠。此时对象不具有外补丁(margin),但仍有内补丁(padding)和边框(border)。要激活对象的绝对(absolute)定位,必须指定left,right,top,bottom属性中的至少一个,并且设置此属性值为absolute。否则上述属性会使用他们的默认值auto,这将导致对象遵从正常的HTML布局规则,在前一个对象之后立即被呈递。设置此属性值为relative会保持对象在正常的HTML流中,但是它的位置可以根据它的前一个对象进行偏移。在相对(relative)定位对象之后的文本或对象占有他们自己的空间而不会覆盖被定位对象的自然空间。与此不同的,在绝对(absolute)定位对象之后的文本或对象在被定位对象被拖离正常文档流之前会占有它的自然空间。放置绝对(absolute)定位对象在可视区域之外会导致滚动条出现。而放置相对(relative)定位对象在可视区域之外,滚动条不会出现。内容的尺寸会根据布局确定对象的尺寸。例如,设置一个div对象的height和position属性,则div对象的内容将决定它的宽度(width)。此属性对于currentStyle对象而言是只读的。对于其他对象而言是可读写的。对应的脚本特性为position。
奈薇建站网致力于,让每个中国人、每个中国企业都拥有自己的“官方网站”!
回复此贴
单贴管理
修 改
删 除
清理签名
TOP
共
0
个回贴 分
0
页
上一页 / 下一页 当前第
页
奈薇建站网青岛网站建设公司/青岛网站制作公司,专业提供"气质"型网站建设及精美网站制作服务,同时欢迎各地网站建设公司、网站制作公司代理我们的奈薇建站系统共同发展
热点地区:
青岛网站建设价格
青岛即墨网站制作公司
开发区信息港
山东在线门户