div 左浮动已经占满整行的情况下,图片为何还能浮动在同一行

来源:5-1 CSS margin负值定位

夕渐3509269

2017-10-22 22:39

div 左浮动已经占满整行的情况下,图片为何还能浮动在同一行

写回答 关注

3回答

  • 深山小童
    2020-06-03 14:18:33

    这是因为它前面的元素也是浮动,浮动元素为inline-block元素,它们原本就是显示在一行的。只是因为前面的宽度为100%,被挤到下一行了。而margin-left负值正好使它的位置左移,当完全移出(margin-left为负的width值)就能跑到上面了,你可以看成它的实际占据空间为0

  • Freyayyy
    2020-04-27 15:41:28

    div里面的p元素有个margin-right留出了空间,同时浮动的元素只有空间足够,会一个跟着一个

  • 慕粉8407385
    2019-08-25 12:55:30
    是否图片设置了margin负值,把图片的实际据的空间改变为0


CSS深入理解之margin

本CSS教程带你深入讲解CSS的margin属性,解决你多年困惑

55943 学习 · 66 问题

查看课程

相似问题