css问题呢？

Question

1：浮动的元素不参与flex布局？
2：父元素设置padding,浮动的元素不受padding影响？

Answer 1

1：浮动的元素不参与flex布局？
参与！你可以给父元素设置display:flex后就可以发现。

2：父元素设置padding,浮动的元素不受padding影响？
受。因为浮动是浮动到父元素最左边（或右边），是受父元素的元素的style影响了的。

这个说明文章中有个浮动的对象，你可以直接用devtool改式样，验证你的想法。
https://developer.mozilla.org...

Answer 2

1. 浮动的元素不参与flex布局？

参与，并且父级的 flex 布局会破坏子元素的 float 属性；

2. 父元素设置padding,浮动的元素不受padding影响？

收到影响，会贴合到 padding 所在位置。

P.S. 已经 2022 年了，可以尽量减少使用 flaot 布局，让浮动属性回归他的本质用于文字排版吧。flex 布局基本上可以解决 99.9% 的布局问题了。

Answer 3

补充一些
父级元素设置padding的同时同时设置position: relative定位，子元素设置position: absolute定位，这时子元素的绝对定位也会受到父元素的padding影响，可以查看以下问题
https://segmentfault.com/q/10...