前端开发那些事儿

两个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来实现

上一篇下一篇

猜你喜欢

热点阅读