布局的top left right bottom
position:absolute; position:relative; position:fixed; 这三种布局，设置top right bottom left 都是在设置padding吗？
3116ZY
2017-08-25
3 回答
top right bottom left和padding是2个概念。
在设置布局后， 可以理解top right bottom left为偏移量，top就是距离顶部多少像素，例如top:0px;，距离顶部0px（），如果right:100px;就是距离右侧100像素（元素跑到最右端，然后再向左偏移100px——距离右侧100px），偏移的参照物（距离“谁”的顶部、“谁”的右侧）是不同的，有的是body、父元素、最近设置布局的元素等等不同而不同。可测试一下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
div{
position:fixed;
bottom:100px;
right:100px;
}
</style>
</head>
<body>
<div>
fixed
</div>
</body>
</html>
padding是相对于元素自身内部来言的，例如一个div，里面放“abc”3个字母，padding是指“abc”距离div边框的距离，padding-top:10px;就是abc和div上边框距离有10像素。
举报
0/150
提交
取消
