bfc+应用

bfc:块级格式化上下文,是一块独立的渲染区域

生成元素:

        1.根元素

        2.float不是none

        3.position不是absolute或fixed

        4.overflow不是visible


规则:

        1.box在垂直方向一个接一个放置【换了个方式就不是一个bfc【?】】

        2.bfc不与float box重叠

        3.内部的垂直方向的距离由margin决定,属于同一个bfc的margin会重叠【相接触的】

                    加元素隔开,如div,border

        4.计算高度时浮动元素也参与计算

        5.bfc是独立的,内部元素不影响外部元素


应用:

        1.二列布局:固定块float,自适应块overflow:hidden;

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,128评论 1 92
  • 1.解决margin叠加问题 三P每个p之间的距离为50px,发生了外边距叠加。 要解决这个叠加问题即让每个P之间...
    岁月帮凶ds阅读 552评论 1 0
  • 1. 前言 前端圈有个“梗”:在面试时,问个css的position属性能刷掉一半人,其中不乏工作四五年的同学。在...
    YjWorld阅读 4,911评论 5 15
  • relative:生成相对定位的元素,通过top,bottom,left,right的位置相对于其正常位置进行定位...
    zx9426阅读 1,074评论 0 2
  • 我只记得 你好的时候的样子 没有谁是真正的圣母玛利亚 我也确实不曾站在什么道德的至高点 是自己的不好 就大方的承认...
    安撒撒阅读 136评论 0 1

友情链接更多精彩内容