最赞回答 / 前端小鸟
.demo03 .userPic{ float:left; margin:-20px 0 0 -100px}首先不加这段代码只加浮动可以看到是浮动到了离demo3（demo3此时是包含框）上20px左20px的位置，因为设置了padding：20px;然后magin也就是以这个为基准偏移了。那么也可以看作目前这个位置的坐标为（0,0）。设置-100px是什么意思呢？100px=30px(图片目标位置的右边框距离demo03的距离)+20px（内填充）+50px（图片自身宽度）,-20px也就很好理解了，上...
2016-01-17
最新回答 / 全栈港
我感觉position方便一些，使用绝对定位时，该元素已经脱离了文档流（不占位），设置偏移量时，若有定位祖先元素，会依据其最近的已定位独显元素为偏移量。对demo01设置position：relative；对偏移元素span设置position：absolute；right：20px；top：10px；如果用float，时间最好排在用户名那/*初级*/<...code...>但这种方式语义化不是很好，先显示时间
2016-01-13
最赞回答 / 慕男婶
不是的。margin是外边距，就是盒子与盒子之间的距离。padding是内边距，根据盒子模型可知，盒子的宽高也算上内边距，而背景图是从padding开始渲染的，所以你能看到背景。
2015-12-13
最赞回答 / Mtodream
一个盒子的长度是内、外边距加内容宽度加边框宽度，右边整个是500px=458px+20*2（两个内边距）+1*2（左右两边边框），之前被挤压下来是因为加了边框多了2px，即502px了，按上面的调整下宽度刚好适应就会向上移动还原位置了。
2015-12-08
最赞回答 / 定点攻击
盒子分为5个层，第一层是边框border,第二层是内容，第三层是padding内边距，第四层是背景图，第五层是背景色，当你没有设置padding时，内容的大小就是盒子的大小，背景图在不设置大小时，填满盒子的，如果图片不够大就会重复，直到填满为止，当设置了padding时，盒子的大小就是内容加上padding的面积，背景填满，自然就看见了，你可以设置一下内边距为padding:1px 20px 200px 30px;下内边距变大 ，图片重复填满。
2015-09-17