CSS代码,两个DIV层之间的边距问题

<styletype="text/css">#div1{background:#009933;height:auto;width:500px;margin:auto}#l... <style type="text/css">#div1{ background:#009933; height:auto; width:500px; margin:auto}#left{ width:200px; height:auto; float:left; background:#00FF33; }#right{ width:290px; height:auto; margin-left:210px; background:#FF00CC;}#div2{ background:#009999; height:50px;width:500px; margin-top:10px; margin-left:auto; margin-right:auto;}</style><body><div id="div1"><div id="left">左</div><div id="right">右</div> </div><div id="div2">22</div>
效果图

当我在左边DIV中增加内容时,就出现了下面的情况~~

在右边DIV增加内容,效果~

我想要的效果是:不管左DIV层还是右DIV层,怎么增加它的高度· 22DIV都不受它们的影响,请问高手我该如何写CSS代码?
展开
 我来答
百度网友6992c28f
2013-05-04 · 超过18用户采纳过TA的回答
知道答主
回答量:55
采纳率:0%
帮助的人:48.6万
展开全部
不想受到影响的话,就给那个22绝对定位,顺路清除浮动所造成影响。
更多追问追答
追问
大哥,能提供具体代码吗?
追答

你是要那个22不管左右两个div的内容怎么变

她都在原来的位置是把?

要这个效果吗?

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
晚餐喝红牛
2013-05-10
知道答主
回答量:21
采纳率:0%
帮助的人:14.6万
展开全部
给#div1加overflow:hidden;,不管左DIV还是div的内容怎么多,22都在下面
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
梦很甜0505
2013-05-04 · TA获得超过371个赞
知道小有建树答主
回答量:213
采纳率:100%
帮助的人:146万
展开全部
<div style="clear:both"></div>插在22div上面
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
80828602
2013-05-04 · TA获得超过108个赞
知道答主
回答量:188
采纳率:100%
帮助的人:90.3万
展开全部
#div2{ background:#009999; height:50px;width:500px; margin-top:10px; margin-left:auto; margin-right:auto; clear:both}
追问

clear:both试了一下· 还可以哦· 不过好像有点小小问题~~~把内容放在左边的DIV层时· 22DIV没有上边距了·

追答

22
将div2的颜色设置到下面
具体自己看著调
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式