如何在一个div内嵌套两个div？

1、打开编辑器，新建test.html，用于学习今天的内容。如下图所示：

2、接下来需要在head标签下方引入jquery.min.js插件，如下图所示：

3、在页面的body标签里，新建一个div，名称为test。如下图所示：

4、在body标签下方写上<script></script>,用来存放js代码。通过class定位到div，通过css()方法让文字居中。如下图所示：

5、在浏览器中打开test.html，可以在文字在页面中间显示。如下图所示：

可以用css定位把一个div放到另一个div右下角。

1、新建html文档，在body标签中添加一个div标签，然后在这个div标签内再添加一个div标签，为外面的div标签添加“container”类，里面的div标签添加“inner”类：

2、在head标签内添加style标签，为“container”类和“inner”类分别设置样式，这时默认情况下内div在外div的左上角：

3、为外div添加样式“position: relative”，为内div添加样式“position: absoluteright: 0bottom: 0”，这时内div将会在外div的右下角：

<div id="parent" style="width:500pxheight:300pxborder:1px solid red"></div>

<script>

//动态添加div

function addElementDiv(obj){

var parent = document.getElementById(obj)

//添加div

var div = document.createElement("div")

//设置div属性

div.setAttribute("id","newDiv")//给div一个id

div.style.background = 'yellow'//添加背景色

div.innerHTML = "js 动态添加的div"//添加文字

parent.appendChild(div)

}

addElementDiv("parent")//运行，传参

</script>

---