摘要： 1、利用定位实现 css代码如下： dom结构如下： 2、利用 display: flex 实现 css代码如下： dom结构如下： 3、利用 float 实现 css代码如下： dom结构如下： 实现效果如下图： 需要注意的是最后一种方法的dom结构是有变化的，浮动元素要写在前面。 如有表述不准确 阅读全文

摘要： 一个面试会问的问题，如何实现两个盒子，左侧固定宽度，右侧自适应。 1、利用 calc 计算宽度的方法 css代码如下： dom结构如下： 2、利用 float 配合 margin 实现 css代码如下： dom结构如下： 3、利用 float 配合 overflow 实现 css代码如下： dom结 阅读全文