关于html设计，div位置的一个问题

我有一个大的div，里面包了2个小的div，我想那2个小的div是在大的div里面的，是相对的，这样网页变小应该不会变形吧，那2个小的div的left和top值是一样的，... 我有一个大的div，里面包了2个小的div，我想那2个小的div是在大的div里面的，是相对的，这样网页变小应该不会变形吧，那2个小的div的left和top值是一样的，意思就是让他们并排。。不知道你们懂我意思不，left和top值要是一样的展开

 我来答

5个回答

#热议# 什么是淋病？哪些行为会感染淋病？

匿名用户
2013-09-11

展开全部

你要两个并排还是重叠？？并排的话left怎么会一样呢？？？再说了，你DIV只要不是弹性的，怎么也不会变形呀！！<style type="text/css">
.B{border:1px solid red;width:500px;margin:10px auto 10px auto;height:300px;padding:0;}
.B .b1,.B .b2 {width:248px;float:left;height:300px;border:1px dotted blue;margin:0;padding:0;}
</style>
<div class="B">
<div class="b1"></div>
<div class="b2"></div>
</div>

已赞过 已踩过<

评论收起

匿名用户
2013-09-11

展开全部

<div id="divBig" style="500px;height"400px;border:1px solid #000000;">
<div id="divSmall1" style="width:300px;height:150px;left:10px;top:10px;border:1px solid #000000;">111</div>
<div id="divSmall2" style="width:300px;height:150px;;left:10px;top:10px;border:1px solid #000000;">111</div>
</div>随便写的，希望能够帮到你！

已赞过 已踩过<

评论收起

匿名用户
2013-09-11

展开全部

里面的是绝对定位的div,父级容器(你这里的所指的大div)必须设置一个position:relative就可以实现不同分辨率下的相对固定了~

已赞过 已踩过<

评论收起

匿名用户
2013-09-11

展开全部

我的理解是，相当于有一个大盒子，里面放了两个小盒子，而这两个小盒子他们各自的left值和top值是相等的，然后你想达到的效果是无论怎么那个页面大小怎么变，他们都是相对于这个页面不变的，对吧？如果是这样的话，其实就是说用到了个相对定位的知识点。盒子的位置用“position:relatime”就可以解决这个，至于变不变形，只要用百分数来表示，不久可以了吗？也就是盒子相对于页面的大小。如：<body><div id="small1"> <p>small1</p></div><div id="small2"> <p>small2</p></div><body>/*不详细编写body部分的属性了*/#small1{ position:abolute; top:0px; left:0px; margin:0px; with:50%;}#small2{ position:abolute; top:0px; right:0px; margin:0px; with:50%;}

已赞过 已踩过<

评论收起

匿名用户
2013-09-11

展开全部

用的相对定位？left和top值一样的话，这两个小div不就摞起来了吗？

已赞过 已踩过<

评论收起

更多回答（3）

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

关于html设计，div位置的一个问题

为你推荐：