怎么在动态的div中添加div

怎么在动态的div中添加div,第1张

var creatediv= function(){

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


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11569985.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存