弹性布局flex学习
小案例,中间实现左右自适应利用flex的特性
<style>*{margin: 0;padding: 0;}#main{display: flex;}#l,#r{width: 200px;height: 200px;background: red;}#center{flex: 1;height: 300px;background: yellow;}</style></head><body><div id="main"><div id="l"></div><div id="center"></div><div id="r"></div></div>利用的中间自适应占据剩余空白位置,此时就实现了左右自适应
(我觉得这个编辑器用起来有点迷,是我太憨了)