css布局中，为什么body包不住那两个div啊？
<styletype="text/css">body{border:solid4px#0000CC;position:relative;}#left{border:sol...
<style type="text/css">
body{border:solid 4px #0000CC;position:relative;}
#left{border:solid 4px #0000CC;width:500px;height:300px;}
#right{border:solid 4px #0000CC;width:200px;height:400px;float:left;position:absolute;right:250px;top:80px;}
</style>
<body>
<div id="left"></div>
<div id="right"></div>
</body> 展开
body{border:solid 4px #0000CC;position:relative;}
#left{border:solid 4px #0000CC;width:500px;height:300px;}
#right{border:solid 4px #0000CC;width:200px;height:400px;float:left;position:absolute;right:250px;top:80px;}
</style>
<body>
<div id="left"></div>
<div id="right"></div>
</body> 展开
6个回答
展开全部
简单看了一下你的代码感觉有不少的多余代码你body里设置的代码可以缩写成
body{margin:0px;}而且全部的css样式都可以集成到css样式表中，除非特定的要在页面里设置
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这是因为你使用定位造成的，不出去才怪
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
position属性表示 位置，在css中这个属性，表示定位
body{position:relative;}
#right{position:absolute;}
=============================
relative 相对于该元素原来在dom中的位置进行偏移，（参数是 right ,left ,top ,down）会保留这个html元素在dom流 中的位置：
absolute 相对于离该元素最近的一个，拥有position 属性的 父元素（这句话有点绕），进行绝对定位，不保留该元素在dom流 中的文字。
另外你在 #right 这个元素中 写 float:left; 是几个意思？？
body{position:relative;}
#right{position:absolute;}
=============================
relative 相对于该元素原来在dom中的位置进行偏移，（参数是 right ,left ,top ,down）会保留这个html元素在dom流 中的位置：
absolute 相对于离该元素最近的一个，拥有position 属性的 父元素（这句话有点绕），进行绝对定位，不保留该元素在dom流 中的文字。
另外你在 #right 这个元素中 写 float:left; 是几个意思？？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这位网友你好，这涉及到了html元素中的文档流知识，你可以搜索一下相关资料。你一个元素同时用了浮动和绝对定位属性，这是不合理的。
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
