Css div2浮动后，为什么div3四个字停留在div2的下方，而不是被div2覆盖？
<!DOCTYPEhtml><htmllang="zh-CN"><head><metacharset="utf-8"/><title>Learncss</title><s...
<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8" /> <title>Learn css</title> <style type="text/css"> div{ width: 120px; height: 120px; } #div1{ background: red; } #div2{ background: green; float: left; } #div3{ background: yellow; } </style> </head> <body> <div id="div1">div1</div> <div id="div2">div2</div> <div id="div3">div3</div> </body></html>
展开
2个回答
展开全部
您好 之所以div3不会被覆盖是因为浮动是占据文档流的换句话说他是占据空间的所以div3在下面不会被覆盖，如果想含手要覆盖的话可以用判培绝对定位的方式position:absolute，绝对定位是不占据文档流的，所以div3会显示在div2下面掘老唯。望采纳！
追问
按照你的回答，尝试了下，使用position:absolute; div3确实会显示在div2的下面，但还有一点不明白，你的回答中提到：“浮动是占据文档流的换句话说他是占据空间的所以div3在下面不会被覆盖”，如果是这样，为什么
#div3{
background: yellow;
}
div3块会跑到div2的下面？div3块和div3这四个字不是一个整体的吗？
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
