                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

关于加了浮动后，文字由底对齐变成顶对齐的疑问？

为什么原来123是底对齐，img加了浮动之后，123就跑上边变成顶对齐了，其中的原理是什么呢？

哪位大佬帮忙看下，谢谢~

加了浮动之后

balabanaaana

2018-12-04

源自：初识HTML(5)+CSS(3)-升级版 13-4

关注问题我要回答

2221

操作

收起

7 回答

balabanaaana 提问者
2019-02-18

我研究来研究去，觉得最让人信服的说法是设置了float的元素，会有顶部对齐的特点

0 回复有任何疑惑可以回复我~

收起回答

慕设计9367104
2019-01-04

<html>

<head>

0 回复有任何疑惑可以回复我~

收起回答

丨带你兜风丨
2018-12-26

今天刚看了<<css世界>>说浮动元素会生成块盒子,具体原因待查

0 回复有任何疑惑可以回复我~

收起回答

丨带你兜风丨
2018-12-18

float浮动,最初的作用就是用来让文字包裹图片

如何包裹,他就如何体现

0 回复有任何疑惑可以回复我~

收起回答

balabanaaana 提问者

嗯…这个我知道…只是不知道原理让我有点抓狂

2018-12-20 回复有任何疑惑可以回复我~

丨带你兜风丨回复 balabanaaana 提问者

因为文本默认对齐就是左上角开始呀:text-align 可以去看一下 ,如果我没记错的话

2018-12-21 回复有任何疑惑可以回复我~

慕先生2539215
2018-12-05

它们不在一个层上可以这么理解吧

1 回复有任何疑惑可以回复我~

收起回答

qq_阿吠_kxBH14
2018-12-05

把它理解成两个块状元素，一开始两个都没有浮动，相当于在一张稿纸的第一行写了一个很大的字，然后你肯定是贴着底边线写的，之后写第二个字虽然小但也是贴着底边线写的。如果你让它浮动，就想像一下两个字在两张不同的稿纸上，各自占据各自的第一行，第二章的行高自然没必要和写大字的纸的行高一样，然后你再把两张纸装订在一起就好像小字飘上去了。然而实际上他们一直都是贴着底边线写的，只是一开始在一张纸上，第一个字把第一行给撑开了的感觉，但是第二次在两张纸上就互不影响了

6 回复有任何疑惑可以回复我~

收起回答