文章讲述了在使用百度输入框时遇到的文本框与按钮位置错位问题，通过应用CSS浮动属性解决了对齐。作者解释了行内元素为何未对齐，并说明浮动让元素脱离文档流实现水平布局。附有代码示例以帮助理解。
1.出现问题
练习百度的输入框时，用了一个文本框和按钮，把它俩拼一起的时候发现位置错位，对不齐，高度设置一样或者不一样都是对不齐。
不去掉边框更明显：
2.解决问题
给第一个文本框加上浮动float: left; 就好了
有没有大佬解释一下为什么没对齐！！
说一下我自己的理解啊，input是行内元素，在一行显示，所以没浮动前两个input只是在一行显示，在一行显示只是元素在一行，以底线为标准放元素，并不会对齐。设置浮动后，脱离文档流 不占据高度了，实现元素在水平上布局，两个input在同一水平面显示就对齐了。（表达能力不好，勿喷，欢迎在评论区指正）
去掉边框更好看：
3.代码展示
html:
css:
扫一扫
642
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
