全部评论
可以这样理解:img 设置float属性之后会变成浮动元素,导致其他块级元素无法识别该img元素高度,这个时候p标签就会跑到img的下方,但内部的文字/图片任然会识别到该浮动的img标签,就出现了改效果。 清除浮动则可以理解为让其他块级元素也能识别img的高度 学习 --> https://developer.mozilla.org/zh-CN/docs/Web/CSS/float
p标签不是独占一行吧
浮动会脱离文本流, 但是会使得后面的元素line box变短, css规范里面的
脱离文档流了
float浮动一开始设计出来就是给图片跟p标签文字排版用的,不加浮动img 跟p独占一行,加了浮动p会跟img对齐,这是p跟img独有的,你给p外面套个div它这效果就没了
相关推荐
点赞 评论 收藏
分享