学做网站培训课程介绍

当前位置:

absolute 从不定位控制网页div向下平移

问题:
我自己用DIV+CSS写了一个网页,现在想在原先的DIV上面插入另外一个DIV,需要把原来的DIV整个向下平移,这个不太会操作,请老师指点一下,谢谢。

回复:
控制一个DIV的位置,可以使用相对定位和从不定位。使用position:absolute或者position:relative来将网页中的DIV向下移平。使用方法见:CSS从不定位与相对定位区别易懂详解

从不定位是(absolute)指相对于父元素来进行top,left,bottom,right进行偏移。使用absolute从不定位时,父元素必须有position属性,如果没有,就相对于父的父元素。谁有position属性就相对于谁,都没有就相对于body。

举个简单的例子:从不定位相当于一个飞机飞在父元素的上空,它不占父元素的位置。

从不定位的语法:


div{position:absolute;top:10px;right:10px;bottom:10px;left:10px;}

《“absolute 从不定位控制网页div向下平移”》 有 1 条评论

  1. 礼物链说道:

    用css来控制div的位置布局 margin:0px auto;居中 margin-top:50px; 向下移动50像素

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

相关教程

  • 问题:我自己用DIV+CSS写了一个网页,现在想在原先的DIV上面插入另外一个DIV,需要把原来的DIV整个向下平移,这个不太会操作,请老师指点一下,谢谢
  • 网站上某个元素设置了absolute绝对定位后,它的高度是不会影响父元素的高度的。这在某些情况下会影响布局。怎么解决这种absolute绝对定位高度问题呢?
  • 我们在自己建网站时,有时需要将百度地图嵌入到自己的网站中,特别是一些企业网站制作,在联系我们这一页面中嵌入百度地图。但我们在实际操作过中,会
  • 在网站布局过程中,运用div+css的布局是特别有利的,通常我们需要对一个div层进行居中处理,那么如何通过css属性对它进行控制呢:下面分享一个建网页
  • 欢迎大家学习学做网站论坛的CSS视频教程,这节课程我们讲一下DIV水平居中显示CSS代码。当我们写了一个DIV后,默认情况下,DIV是左对齐的,如何让一个DI
  • 静态网页不显示图片 (119350 次浏览)
    作者: 脉动Email: 511039684@qq.com详细内容:今天听了老师讲的课程第九节:什么是网站静态页面,然后自己就动手去照着做,文字什么的都可以显
  • DW中插入文字是最简单的操作,我们可以像在word一样随意的打出自己想要的文字。打开DW后,点击“设计”模式,在文字框中就可以打字了。插入文字可以是
  • 什么是DIV+CSS 附件下载 (1155075 次浏览)
    本节建站课程高清视频下载链接: https://pan.baidu.com/s/1sl6nR8D 密码: urwgdiv+css就是把设计师设计好的图片,转变成一张静态页面的技术。html