本文主要是介绍两栏布局疑问，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
两栏布局
⽅法⼀：实现思路也⾮常的简单：
使⽤ float 左浮左边栏
右边模块使⽤ margin-left 撑出内容块做内容展示
为⽗级元素添加 BFC ，防⽌下⽅元素⻜到上⽅内容
⽅法⼆： flex 弹性布局
1.为什么要用bfc以及为什么？
BFC（Block Formatting Context，块级格式化上下文）是一个独立的布局环境，它可以防止其内部元素影响外部的布局，并且可以阻止外部元素影响它的布局。
创建 BFC 的方法有很多，其中一种就是使用浮动（float）。在两栏布局中，我们常常会遇到一个问题，即右边栏的内容可能会跑到左边栏的内容上方，这是因为左边栏使用了浮动，脱离了正常的文档流，导致右边栏的内容不再受父元素的高度控制。此时，如果我们为父元素创建一个 BFC，就可以解决这个问题。
创建 BFC 可以确保父元素能够包含其内部所有浮动元素的高度，避免出现高度塌陷的现象。这样，即使左边栏使用了浮动，右边栏也不会跑到左边栏的内容上方。另外，BFC 还有一些其他特性，比如它可以阻止垂直外边距的合并，这对于一些需要保持间距的布局来说非常有用。所以，在两栏布局中，为了保证布局的稳定性，我们需要为父元素创建一个 BFC。
这篇关于两栏布局疑问的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
