var parentdiv=$('
') //创建一个父div,如果已经有了就获取
parentdiv.attr('id','parent') //给父div设置id
parentdiv.addclass('parentdiv') //添加css样式var childdiv=$('
') //创建一个子div
childdiv.attr('id','child') //给子div设置id
childdiv.addclass('childdiv') //添加css样式
childdiv.appendto(parentdiv) //将子div添加到父div中parentdiv.appendto('parentdiv') //将父div添加到父级中去
}
首先需要理解nth-child的理论概念:
nth-child:规定选取一个段落的元素或父元素的某个子元素
如果理解概念了 那就好办了
把你的源码直接修改称如下就可以实现了
<!DOCTYPE html><html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
div:nth-child(1){color:red}
</style>
</head>
<body>
<div>1</div>
<div>1</div>
<div>1</div>
</body>
</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的位置下移的具体 *** 作方法:
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)