给上面的h1标签再加一个class，添加样式margin-bottom,或者给下面的p标签再加一个class，然后添加margin-top
创新互联建站成立与2013年，先为许昌等服务建站，许昌等地企业，进行企业商务咨询服务。为许昌企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
新建一个html文件，命名为test.html，用于讲解CSS实现文本框怎么下移。在test.html文件内，使用div标签创建一个模块，并设置div的class属性为mydiv，主要用于下面通过该class来设置css样式。在test.html文件内，在div标签内，使用input标签创建一个文本框，并设置input的id属性为myinput。在test.html文件内，编写style type="text/css"/style标签，页面的css样式将写在该标签内在css标签中，定义类名为mydiv的样式，使用border设置div的边框为1px灰色边框，使用width设置div的宽度为400px，使用height设置div的高度为200px。在浏览器中打开test.html文件，查看文本框未下移前的效果。在css标签内，定义id为myinput的样式，使用margin-top设置文本框下移20px。在浏览器打开test.html文件，查看实现的效果。
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的位置下移的具体操作方法：
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的style标签中，输入css代码：textarea {margin-top: 100px;}。
3、浏览器运行index.html页面，此时文本框被成功下移了100px。
