css中关于position设置为relative的问题
我设置了相同的代码，可是在效果图中却不一样，下面贴代码以及效果图，求解答
html：
css：
效果图：
问题已解决，一个比较简单的错误导致div没有闭合，所以出现了上述问题。
上图
谢谢大家
第1个回答 推荐于2016-05-07
亲 我试了一下你的这些代码 没有问题的哦. IE浏览器 Google浏览器都是显示上面的那种结果哦.
<!DOCTYPE><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
#oneone,#twotwo {
width:100px;
height:100px;
background-color:#adcc4d;
position:relative;
}
</style>
</head>
<body>
<div id="demo6">
<div id="oneone"></div>
<input type="button" value="点我进行动画" id="animateButton" />
</div>
<hr />
<div id="demo7">
<div id="twotwo"></div>
<input type="button" value="点我进行动画" id="queneAnimate" />
</div>
</body>
</html>
可能是你有定义DIV 标签的时候有点小问题..你可以试下上面的代码 是一样的
追问这个代码无论复制到哪里都是这样，然后我想问的是，如果设置成relative的话，这个div会脱离原先的文档流不占用位置么
追答你的想法是让这个标签可以浮动吗？
本回答被提问者采纳第2个回答 2021-02-03
Vue实践-CSS样式position/display/float属性对比使用
第3个回答 2015-05-13
经测试，这是不可能的，除非你别的css中有元素影响。追问
我又照着出问题的代码重新写了一遍，就没有问题，而且确定css中没有对demo6，demo7中的元素有影响。有点想不出问题所在。
第4个回答 2015-05-13
css分开写可以吗？
相似回答