布局中采用浮动布局，为什么左浮动和右浮动之后，中间的div会自动的刚好在中间？

首页课程实战体系课手记专栏慕课教程

布局中采用浮动布局，为什么左浮动和右浮动之后，中间的div会自动的刚好在中间？

来源：3-2 页面布局（二）

慕运维5828042

2017-09-03

布局中采用浮动布局，为什么左浮动和右浮动之后，中间的div会自动的刚好在中间？我主要想知道细节和原理。

写回答

1回答

快乐动起来呀

快乐动起来呀

2017-09-03

主要原理：浮动的块虽然脱离的正常的文档流，但是还会占有正常文档流的文本空间。中间的div是块级元素，宽度占据100%，但是遇到左右的浮动元素被占据了文档空间，所以看上去就刚好在中间

0

0

前端跳槽面试必备技巧面试官全流程指导

一门让你能成功获取前端 Offer 的课程，不只是技术，面试“技巧”也至关重要

4836 学习 · 830 问题

相似问题

哈哈~我觉得浮动布局还有个缺点

回答 2

老师，那个三栏布局的float布局方法中，右边的div需要放到中间div的前边，这是为什么？

回答 1

尝试了下 float与table布局无法解决上下高度固定的问题，这样的结论是否正确？

回答 1

grid布局中间部分如果内容过多

回答 1

float布局中的center宽度问题

回答 1

打开慕课网App查看更多内容