课程
/前端开发
/HTML/CSS
/CSS深入理解之margin
div 左浮动已经占满整行的情况下，图片为何还能浮动在同一行
2017-10-22
源自：CSS深入理解之margin 5-1
正在回答
这是因为它前面的元素也是浮动，浮动元素为inline-block元素，它们原本就是显示在一行的。只是因为前面的宽度为100%，被挤到下一行了。而margin-left负值正好使它的位置左移，当完全移出（margin-left为负的width值）就能跑到上面了，你可以看成它的实际占据空间为0
div里面的p元素有个margin-right留出了空间,同时浮动的元素只有空间足够，会一个跟着一个
是否图片设置了margin负值，把图片的实际据的空间改变为0
举报
本CSS教程带你深入讲解CSS的margin属性，解决你多年困惑
1 回答对图片设置绝对定位，上下左右设置0进行拉伸，没有填满其父级
2 回答我想用一个div容器来限定图片的大小，怎么实现
3 回答请问最后一个栗子，为什么不能在<div>里加上padding-right:150px;
3 回答margin: 50px 0; 为何只有上下是50px间距，左右无效果？
