社区
CSS
帖子详情
使用display：flex；布局，需要清浮动吗？哪位大佬了解？
韩老九
2018-12-17 08:58:44
使用display：flex；布局，需要清浮动吗？哪位大佬了解？
...全文
2003
4
打赏
收藏
使用display：flex；布局，需要清浮动吗？哪位大佬了解？
使用display：flex；布局，需要清浮动吗？哪位大佬了解？
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
4 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
咸宁七
2019-02-18
打赏
举报
回复
你用了flex会让float失效的，清不清无所谓
我不是老岑
2019-01-16
打赏
举报
回复
flex属性会让浮动失效
简明教程
2018-12-25
打赏
举报
回复
浮动布局和Flex布局是两种完全不同的布局方式，一种是针对 PC端这种固定大版面的，一种是针对移动端响应式的，参考
浮动布局
&
Flex布局
web小小白
2018-12-17
打赏
举报
回复
不需要。 一般的布局是基于盒模型，使用display属性 + float属性 + position属性。 flex是h5中新增的页面布局方案。flex是Flexible Box，就是“弹性布局” 。它具有非常好的灵活性。任何容器都可以开启弹性布局。 注意：当开启flex后，子元素的float，cleat，vertical-align将失效
面试问BFC是什么，如何简单的回答要点？
BFC（Block Formatting Context）是CSS
布局
中的关键概念，它是一个独立的渲染区域，内部元素的
布局
不会影响外部元素。触发BFC的情况包括：
浮动
元素、绝对定位元素、
display
属性为inline-block、table-cell、
flex
的元素，以及overflow不为visible的元素。
了解
BFC可以帮助解决
布局
问题，如防止元素重叠、实现
清
浮动
等。
浮动
布局
与
Flex
弹性
布局
本文介绍了前端的
浮动
布局
与
Flex
弹性
布局
。
浮动
布局
可让块元素水平排列，但会脱标，需
清
除
浮动
，有额外标签法等四种方法。
Flex
布局
是浏览器提倡的
布局
模型，不会脱标，介绍了其组成、主轴和侧轴对齐方式、弹性伸缩比、换行等内容，还提及综合案例。
html中关于
display
值以及
display
：
flex
弹性
布局
文章指出相对于
浮动
布局
，CSS弹性
布局
更方便简洁且强大。设为
Flex
布局
后，子元素部分属性将失效。文中详细介绍了
flex
-direction、justify-content等多个弹性
布局
属性及其值，还提及部分属性的适用场景和浏览器支持情况。
Bootstrap5（
display
显示、
flex
布局
相关属性、
浮动
、定位、文本、栅格系统）
本文介绍了CSS中的类中缀设置、
display
属性、
flex
布局
（包括主轴排序和交叉轴对齐）、
浮动
和定位技巧，以及文本对齐和栅格系统（包括响应式设计）的详细用法。实例展示了如何在不同屏幕尺寸下灵活运用这些技术实现精确的页面
布局
。
CSS的
display
的多种
布局
方式总结(inline-block,table,
flex
)
本文总结了CSS中
display
属性的三种
布局
方式：inline-block、table和
flex
。inline-block可实现不独占一行的块级元素
布局
，避免
浮动
布局
的缺点。
display
:table和
display
:table-cell结合能实现元素的垂直居中和两端对齐。而
flex
布局
提供了更强大的容器和项目控制，如自动平均分配空间、灵活的对齐方式等。
CSS
61,120
社区成员
60,701
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章
发帖
与我相关
我的任务
分享
