网页制作中怎样将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、想让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的位置下移的具体操作方法：
1、将要下移的DIV定义一个CSS样式，这里我以class="222"为例。
2、如下图黄色背景的DIV要下移一定量。
3、选择style中的222样式名，再点击CSS选项卡下的编辑按钮，如下图向右的指向箭头所示。
4、打开的CSS编辑面板，选择左侧分类下的“方框”，在右侧的MARGIN下的TOP处填上你的下移的大小数值，点击确定，关闭CSS编辑面板。
5、这时可以看到右侧“222”样式下多了一行“margin-top: 100px”。
6、此时再看左侧黄色的DIV框已经下移了。
第二，在<div 的样式中加入 style=" margin-top:200px;" 修改成
<div style=" margin-top:200px;" class=..............
其中的200px 你可以自己设定位置下移的高度。 也可以把margin-top:200px; 写入到class对应的css文件中。
请采纳，如果有不清楚的地方，请贴出你的代码，我给你写下代码。
