引用7楼天浪的回复:首先你需要了解一个与浮动相关的术语“浮动参考”。 浮动引用是指浮动元素所对齐的实体。 就是“文档流中的当前行”,即如果改为内联元素且不浮动的话,浮动元素应该在当前行的位置。 无论浮动元素向左浮动还是向右浮动,浮动元素的顶部也将与浮动参考对齐。 也就是说,如果浮动元素不浮动,它会与浮动元素应在的行顶部对齐。 第四个浮动块右侧没有空间容纳第五个块。 第四个浮动块之后的文档流将到达第四个浮动块的下一行。 第五个块的浮动引用是第四个浮动的下一行。 大师,您的文章我看了四五遍,也搜索了相关的浮动参考博客,但还是不太明白。 “也就是说,如果浮动元素改为内联元素,并且不浮动,那么它应该在当前行。” 你把“浮动元素的位置”的判断转换成了“应该是在改变为内联元素且不浮动的情况下,当前在行中的位置”的判断,那么在前者中,我们该如何做呢?确定这个位置? 我试验了一下css下浮动,用4个块,将块1、块2、块3设置为float:left,块4设置为inline-blockcss下浮动,块4确实出现在块3的正下方,并且float结果是相同的。还是同样的问题,换成行内元素后如何确定其位置?
常见问题
相关文章
猜你喜欢
- 蜘蛛css-网站SEO优化的8点方法 2024-04-29
- 基于css-基于 CSS 的 ASCII 艺术 2024-04-29
- 纹理css-在 WebGL 中使用纹理 2024-04-28
- css切圆-CSS3实现圆角 2024-04-28
- css好学-网页设计好学吗?我想自学 2024-04-27
- 自带css-css中常用方法总结 2024-04-27
- css牌子-中学生HTML个人网站作业设计:宠物网站设计-可爱的宠物有家(5页)HTML+CSS 2024-04-24
- css挑战-GitHub 上 11 个有趣且有挑战性、星星数过万、值得收藏的后端项目 2024-04-24
- css好用-18个提高开发效率的最佳CSS框架 2024-04-22
- css告警-Tellerattack/igreport:SpringBoot+Vue 企业版 2024-04-15