Question

css中的相对位置和绝对位置的使用

我想问下大家做网页的时候position这个属性用的多不多呢？我自己做的时候很多都是用这个来定位的，如果不用这个定位只用div能不能实现我想要的排版呢？还是用浮动....好复杂啊~ 麻烦各位大侠帮忙解答下啦~~~~
position: relative;
top: 50px;
left: 60px;
一般就是这样来定位~~虽然显示是预期的效果可是想知道这样到底对不对啊~？

如果是用margin和padding的话对width和height是不是要计算的刚刚好才行啊？比如整个的width是100px的话，设padding为20px,那包含在中间的div的width是不是要<60px才对呢？否则会把外面那个div撑乱了对不对啊？
我有点乱~~~希望高手指点下啊~

Answer 1

你这种定位法其实也可以，不过很少有人这样用，因为这样在效率和易读性都不那么好，这种表达一般都在层的时候。
像margin和padding的用法最好是能计算清楚，有必要的话，你也可以设置溢出选项为隐藏：overflow:hidden，这样就不存在撑开问题了

Answer 2

这不是标准的排版方式
你这种写法就好像 用手绘层 一样 标准的写法是不用positon的 但其他情况如使用js时除外。
标准的css是：

.class {
margin:xxpx;
padding:XXpx;
位置：XXpx;
宽度：XXpx；
其他属性。。

}
位置即相对于父div

Answer 3

我认为用浮动好，灵活也方便。

你用相对定位的话，错是没有错的，只是没有浮动的灵活

如果是用margin和padding的话对width和height是不是要计算的刚刚好才行啊？比如整个的width是100px的话，设padding为20px,那包含在中间的div的width是不是要<60px才对呢？否则会把外面那个div撑乱了对不对啊？

这几个问题的话，你自己做页面的时候，试试就知道了啊！

Answer 4

position: relative;
这种东西在需要的时候才用呢，不能一个网页排版全是……

margin，padding这种东西很好理解，就是一个加减法的问题嘛~
一般都用浮动~ 左浮、右浮 清空浮动~

Answer 5

嘛
布局嘛一般都是用浮动的啦
当然我见过全站都用绝对定位的啊

还有定位不要滥用啊
需要用的时候采用啊

以上