方法一:
.parent{
display: flex;
}
.left{
flex: 1;
}
.right{
width: 100px;
}
方法二:
.parent{
position: relative;
}
.left{
position: absolute;
top: 0;
left: 0;
right: 100px;
}
.right{
position: absolute;
top: 0;
right: 0;
width: 100px;
}
方法三:
.parent{
display: table;
}
.left, .right{
display: table-cell;
}
.right{
width: 100px;
}
方法四:
.left{
float:left;
width: calc(100% - 100px);
}
.right{
float: right;
width: 100px;
}
一个子元素固定宽度,另一个自适应宽度
最新推荐文章于 2024-07-18 11:02:55 发布