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

发布网友 发布时间：2022-04-22 15:04

我来回答

共5个回答

热心网友 时间：2023-11-10 03:15

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

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已下移，如下图所示。这样，问题就解决了。

热心网友 时间：2023-11-10 03:15

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的位置下移的具体操作方法：

热心网友 时间：2023-11-10 03:15

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

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

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

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

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

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

热心网友 时间：2023-11-10 03:16

热心网友 时间：2023-11-10 03:17