如果将 top 设置为 20px，那么框将在原位置顶部下面 20 像素的地方。如果 left 设置为 30 像素，那么会在元素左边创建 30 像素的空间，也就是将元素向右移动。
#box_relative {
position: relative
left: 30px
top: 20px
}
float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。
如果浮动非替换元素，则要指定一个明确的宽度；否则，它们会尽可能地窄。
注释：假如在一行之上只有极少的空间可供浮动元素，那么这个元素会跳至下一行，这个过程会持续到某一行拥有足够的空间为止。
可能的值
left元素向左浮动。
right元素向右浮动。
none默认值。元素不浮动，并会显示在其在文本中出现的位置。
inherit规定应该从父元素继承 float 属性的值。
首先要明确，所有浏览器都会有一套内置的默认样式（否则你看到的页面不会是现在这样），而css样式本质上是覆盖新设定的属性覆盖旧有属性，然后还会和相邻元素、子元素发生联动互相影响。原理上来说，如果你给一个div设置width 100 height 100，在没有任何其他元素影响的情况下，这个值在任何浏览器解析下都应该是一致的。如果有不一样，建议你用F12控制台，查查是否有其他优先级更高的设置影响了。
