1.混合浮动+普通流 混合浮动+普通流 父级：宽度固定 left:宽度固定。浮动起来 right:宽度和父级一样，设定margin-right:left的宽度px,宽度随父级变化而变化（固定+自适应）
效果 2.flex方式 父级：display:flex left:flex : 0 0 200px(固定200px,不放大也不缩小) right:flex:1(会随父级变化) （固定+自适应）
下来我们讨论一下其他的 上面flex的代码，当我们把他的主轴方向变了之后
会发现right的高度是由内容撑开的 (因为把字体去掉发现这块消失) 注意： 也就是说，当主轴方向是row的情况下，左边设置宽度，右边flex:1。右边宽度为总的宽度-左边宽度
当主轴方向为 column时，上面设置高度，宽度和父级一直，下边flex:1。下面设置高度无效，由内容决定.
3.纯浮动
父级：定宽，清浮动(overflow:hidden) left,right:定宽，定高，float:left 两边都固定
4.定位法 父级：定宽，position：relative
left： 定宽高： position: absolute top: 0 left: 0
right: 定宽高： position: absolute top: 0 right 0
两边都固定
推荐阅读
评论可见，请评论后查看内容，谢谢！！！评论后请刷新页面。
发表评论