网页制作中怎样将div的位置下移

如题所述

实现的方法和详细的操作步骤如下:

1、第一步,如果要向下移动div,则可以使用位置属性进行调整。
 具体方法是先打开编辑器,创建一个新的html文件,然后编写基本的html结构。
 在这里,设置两个div并分别命名其类属性Parent和child,并为父子div设置宽度和高度以及不同的颜色,如下图所示,然后进入下一步。

2、其次,完成上述步骤后,打开浏览器,可以在绿色的parent div中看到黄色的child,如下图所示,然后进入下一步。

3、接着,完成上述步骤后,将position属性添加到child属性并将其设置为absolute。
 top,left,bottom和right值分别代表top,left,bottom和right的位置。 在此,只能将top属性设置为向下移动,其他设置为0,如下图所示,然后进入下一步。

4、最后,完成上述步骤后,再次打开浏览器,会发现child已下移,如下图所示。这样,问题就解决了。

温馨提示:答案为网友推荐,仅供参考
第1个回答  2019-05-29

1、想让div下移,使用position属性就可以调整,具体方法首先打开编辑器,新建一个html文件,写入基本的html结构,这里设置两个div,分别给它们的class属性命名为parent和child,并给parent和child的div设置好宽度和高度和不同的颜色:

2、此时打开浏览器,可以看到黄色的child在绿色的parent的div中间:

3、接着给child属性加入position属性设置为absolute,其中top、left、bottom、right四个值代表上、左、下、右的位置,这里只设置top的属性就可以下移了,其他设置为0:

4、再次打开浏览器,就会发现child下移了。以上就是网页制作中将div的位置下移的具体操作方法:

本回答被网友采纳
第2个回答  2016-01-08

1、将要下移的DIV定义一个CSS样式,这里我以class="222"为例。

2、如下图黄色背景的DIV要下移一定量。

3、选择style中的222样式名,再点击CSS选项卡下的编辑按钮,如下图向右的指向箭头所示。

4、打开的CSS编辑面板,选择左侧分类下的“方框”,在右侧的MARGIN下的TOP处填上你的下移的大小数值,点击确定,关闭CSS编辑面板。

5、这时可以看到右侧“222”样式下多了一行“margin-top: 100px”。

6、此时再看左侧黄色的DIV框已经下移了。

第3个回答  2015-08-15
第一,找到你当前div容器的起点,如:<div class=...............
第二,在<div 的样式中加入 style=" margin-top:200px;" 修改成
<div style=" margin-top:200px;" class=..............
其中的200px 你可以自己设定位置下移的高度。 也可以把margin-top:200px; 写入到class对应的css文件中。

请采纳,如果有不清楚的地方,请贴出你的代码,我给你写下代码。
第4个回答  2012-04-27
用css来控制div的位置布局 margin:0px auto;居中 margin-top:50px; 向下移动50像素

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网