tt_1998的博客

块级格式化上下文 BFC（Block Format Context） BFC：一个独立的渲染区域，外面的元素不会影响到里面布局，里面的元素也不会影响到外面的布局。在BFC中，每一个元素左外边与包含块的左边相接触（对于从右到左的格式化，右外边接触右边） 触发BFC的方式： ​ float：不为none； ​ position: absolute或fixed ​ display： inline-block table-cell table-caption flex inline-flex ​ overflo

常见布局 两栏布局（左边宽度固定200px，右边自适应） 1、左边float：left；右边margin-left：左边盒子的宽度 <style> .container{ border: 1px solid #ccc; } .left{ width: 200px; height: 500px; background-color: pink; float: left; } .right{