CSS中的div如何嵌套呢？
我的意思是如何在一个div内部来相对定位另一个div。例如有一个div：frameone，我想在frameone中距离四个方向10px的地方放一个div：innerFra...
我的意思是如何在一个div内部来相对定位另一个div。
例如有一个div：frameone，我想在frameone中距离四个方向10px的地方放一个div：innerFrame。
不知道如何做。我的意思就是把frameone作为父容器。 展开
例如有一个div：frameone，我想在frameone中距离四个方向10px的地方放一个div：innerFrame。
不知道如何做。我的意思就是把frameone作为父容器。 展开
6个回答
展开全部
不用定位也可以实现
<div id="div1">
<div id="div2"></div>
</div>
CSS中定义div1的宽度，将div2的设置为居中，上边距为10即可
#div1{width:400px;height:390px;padding-top:10px;}
#div2{width:380px;height:380px;margin:0 auto;}这样实现或者直接#div{padding:10px}也可以， 如果是用定位,固定两个div的宽度后定位即可
#div1{width:400px;height:400px;position:relative;}
#div2{width:380px;height:380px;position:absolute;left:10px;top:10px;}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<div class="frameone">
<div class="innerFrame"></div>
</div>
.frameone{padding:10px;overflow:hidden;}
不管你怎么写innerFrame的样式，他都会在frameone里，并且相距上下左右10px;
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
题目中的嵌套应该说的是：样式中的层级关系。
意思应该是：div中还有一个div吧！
直接写就可以了。
<body>
<div>
<div>
<div></div>
</div>
</div>
</body>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<style type="text/css">
*{
margin:0;
padding:0;
}
.one{
width:200px;
height:200px;
border:1px solid #f00;
padding:10px;
margin:0 auto;
}
.two{
height:200px;
background:#000;
}
</style>
</head>
<body>
<div class="one">
<div class="two"></div>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<style type="text/css">
*{
margin:0;
padding:0;
}
.one{
width:200px;
height:200px;
border:1px solid #f00;
padding:10px;
margin:0 auto;
}
.two{
height:200px;
background:#000;
}
</style>
</head>
<body>
<div class="one">
<div class="two"></div>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<div>
<div>嵌套</div>
</div>
<div>嵌套</div>
</div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
