使用padding把底部元素挤到一边去了?

图片描述

demo在这,https://jsfiddle.net/nvqbxo90/1/

我把img设置margin-top:2px;样式正常了,但是把下边的元素挤一遍去了,
虽然知道吧img的父类设置overflow: hidden;可以解决,但是不知是出了什么问题?

阅读 3.7k
1 个回答
新手上路,请多包涵

float 的特性 导致 我所知的最初的float 是为了实现 类是 office word 里边的 文字环绕图片的效果!而你上边的就是 类是原因 至于 overflow:hidden能解决 是因为这属性生成了BFC 闭合了浮动;
至于特性相关:
1 你可以去百度浮动 譬如《那些年我们一起清除过的浮动》 《回归CSS标准之Float》 等等
2 官方文档http://www.w3.org/TR/

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题