Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[css] 第75天 请你解释下什么是浮动和它的工作原理是什么？同时浮动会引起什么问题？ #522

Open
haizhilin2013 opened this issue Jun 29, 2019 · 3 comments
Open

[css] 第75天 请你解释下什么是浮动和它的工作原理是什么？同时浮动会引起什么问题？ #522

haizhilin2013 opened this issue Jun 29, 2019 · 3 comments
Labels
css css

Comments

@haizhilin2013
Copy link
Collaborator

第75天 请你解释下什么是浮动和它的工作原理是什么？同时浮动会引起什么问题？
@haizhilin2013 haizhilin2013 added the css css label Jun 29, 2019
@DBTXf
Copy link

DBTXf commented Jun 30, 2019

浮动的元素脱离标准流，
浮动的元素互相贴靠，
浮动的元素有“字围”效果,收缩,
一个浮动的元素，如果没有设置width，那么将自动收缩为内容的宽度.

@yxkhaha
Copy link

yxkhaha commented Jun 30, 2019

  • 什么是浮动：我们在做布局的时候用到的一种技术，通过浮动可以让元素左右浮动，然后通过margin调整位置
  • 工作原理：使元素脱离文档流，让元素可以左右浮动，直到遇到另一个浮动元素的边缘才停止。
  • 带来的问题：浮动元素会造成父级元素无法自动获取高度，导致父级塌陷，布局错乱。

@xiangshuo1992 xiangshuo1992 mentioned this issue Jul 19, 2019
Open
@haizhilin2013 haizhilin2013 mentioned this issue Oct 12, 2020
Open
@MrZ2019
Copy link

MrZ2019 commented Jan 25, 2021

浮动的元素脱离标准流，
浮动的元素互相贴靠，
浮动的元素有“字围”效果,收缩,
一个浮动的元素，如果没有设置width，那么将自动收缩为内容的宽度.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
css css
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
4 participants
@MrZ2019 @haizhilin2013 @DBTXf @yxkhaha