全部评论
可以这样理解:img 设置float属性之后会变成浮动元素,导致其他块级元素无法识别该img元素高度,这个时候p标签就会跑到img的下方,但内部的文字/图片任然会识别到该浮动的img标签,就出现了改效果。
清除浮动则可以理解为让其他块级元素也能识别img的高度 学习 --> https://developer.mozilla.org/zh-CN/docs/Web/CSS/float
float浮动一开始设计出来就是给图片跟p标签文字排版用的,不加浮动img 跟p独占一行,加了浮动p会跟img对齐,这是p跟img独有的,你给p外面套个div它这效果就没了
脱离文档流了
浮动会脱离文本流, 但是会使得后面的元素line box变短, css规范里面的
p标签不是独占一行吧
相关推荐
12-17 10:20
河北工业大学 Java 点赞 评论 收藏
分享
12-03 19:04
门头沟学院 前端工程师
FOX2003:还没学后端框架吧,看你第一个项目用的mockjs。第一个项目太老而且可能是从github上扒的(我的课设就是这个),第二个主要依靠AI的能力,而且前端项目找前端实习的话,留个github地址好点,主要还是前端要求越来越高了。另外,去***看看,符合就投,boss投的多,HR工作量就大,没功夫多聊 点赞 评论 收藏
分享