1. 响应式布局,左侧栏目固定,右侧内容随着屏幕宽度变化而变化(高频)
- flex布局
- position布局
- css3计算宽度
- float布局
4.float布局(面试官想要的答案)-------------------------------------根据float元素的margin特性布局,兼容性好
// html <div class="box"> <div class="left"></div> <div class="right"> <div class="inner"></div>//注意 </div> </div> // css .left { float: left; width: 200px; margin-right: -200px; } .right { float: left; width: 100%; } .inn