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

块状元素转换成内联元素和float：。。浮动布局！

既然内联元素可以横向并排布局，为什么不把块状元素通过display：inline转换成内联元素,而要用到float：left/right呢？这两种方式都可以达到横向并排布局的效果啊！为什么要多出一个float：。。。。？？？？？？

qq_水无声_03882251

2016-09-02

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

关注问题我要回答

787

操作

收起

3 回答

慕粉4114772
2016-10-05

我刚好也想到了这个问题，但不知道在实际中，各有何优劣？

能想到的一点就是如果设置成float，当用户在调整浏览器大小时，他能自我移动，减小width的情况下，原来的一行可能成为显示上的多行。

而如果是inline的话，还是原来的一行，会出现横向的拉条？（未测试验证）

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

收起回答

慕粉4114772

另外，如果存在后期维护，把body这种容器元素的width改变了，那么会出现： float:自我适应度高，代码可维护性好。 inline:极可能再次更改，可维护性差。

2016-10-05 回复有任何疑惑可以回复我~

ZhouQiao
2016-09-02

一个是由块级元素转换成的内联元素实现的横向布局，一个直接加个float来操作的块级元素实现的横向布局，你选谁？

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

收起回答

0/150

提交

取消

初识HTML(5)+CSS(3)-升级版

参与学习 1225293 人
解答问题 18230 个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

本课相似问答

1 回答内联元素和块状元素

1 回答块状元素和内联元素

2 回答如何将内联元素转换为块状元素

2 回答块状元素转换为内联元素的用处？

搜索更多本课相关问答

块状元素转换成内联元素和float：。。浮动布局！

我要回答关注问题

热搜

最近搜索清空

块状元素转换成内联元素和float：。。浮动布局！

3 回答

本课相似问答

块状元素转换成内联元素和float：。。浮动布局！