在css中position:relative和padding有什么区别

[复制链接]
查看11 | 回复3 | 2016-7-20 06:56:33 | 显示全部楼层 |阅读模式
padding是内边距,例:.demo{padding:10px},这句会在所有使用demo这个类的元素的上、右、下、左分别添加一个10像素的内边距。position是用来设置元素位置的,如:position:relative,这个的意思是将元素的位置设置为相对。另外还有position:absolute,用来绝对定位元素。例如:.demo{position:absolute;top:10px;right:10px},这句会让使用demo这个类的元素进行绝对定位,让这个元素离上边10像素,离右边10px,也就是会把元素定位在右上角的位置上。...
回复

使用道具 举报

千问 | 2016-7-20 06:56:33 | 显示全部楼层
完全不相干的两句代码position是定位方式padding是内边距如果非要说关系的话那么 position 的 relative 这个值是可以受 PADDING 或者 MARGIN 在或者 TOP LEFT 控制的而 position:absolute 就只受 TOP LEFT 控制也就是说 relative 是像默认流一样 但还可...
回复

使用道具 举报

千问 | 2016-7-20 06:56:33 | 显示全部楼层
Vue实践-CSS样式position/display/float属性对比使用...
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

主题

0

回帖

4882万

积分

论坛元老

Rank: 8Rank: 8

积分
48824836
热门排行