float布局中的center宽度问题

来源：3-1 页面布局（一）

work_for_family999

2019-03-04

老师，我想反应一个问题，就是采用浮动布局的时候，其实是有问题的，中间的那个元素宽度并不是100%-600px;而是100%；
但是为什么center的字没有被left覆盖而显示在center中，是因为float是不完全脱离文档流，left脱离了文档流，但是还占据了空间，所以center中的文字没有被left覆盖，导致float方法看起来是正常的

写回答

1回答

快乐动起来呀

2019-03-08

同学可以把代码贴上来吗

work_for_family999

left

right

采用浮动，最后一个元素会自己撑开剩余的宽度

.left { width: 300px; background: red; float: left; } .right { width: 300px; background: blue; float: right; } .center { background: yellow; } 也就是老师你上课敲的代码。其实center的宽度并不是剩余部分的，而是100%！

2019-03-08

共1条回复

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

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

4836 学习 · 830 问题

查看课程

相似问题

float布局

回答 1

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

回答 1

老师，center中的字为什么不会被left的div挡住呢？

回答 3

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

回答 1

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

回答 2

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