两个div并排,左边div固定宽度,右边宽度自适应”,至少列出4
2021-02-16 本文已影响0人
李小白呀
方式一:BFC(块级格式化上下文)
思路:左边定宽 float:left,右边采用 overflow: hidden; /* 触发bfc */
方式二:采用flex布局
这种应该是最简单的方式,右边 flex:1
方式三:采用 display:table的方式来实现布局
父元素 display:table,两个子元素采用 display:table-cell;
方式四:采用calc计算宽度的方式来实现
方式五:采用absolute+margin-left来实现