css实现元素自动填充容器剩余宽度
• 方法一
.container{
width: 1226px;
margin: 0 auto;
position: relative;
}
.right{
width: 300px;
height: 300px;
background-color: hotpink;
position: absolute;
top: 0;
right: 0;
}
.left{
margin-right: 300px;
height: 300px;
background-color: indianred;
}
• 方法二
.container{
width: 1226px;
margin: 0 auto;
display: flex;
}
.right{
width: 300px;
height: 300px;
background-color: hotpink;
}
.left{
flex: 1;
height: 300px;
background-color: indianred;
}
css实现元素自动填充容器剩余宽度
最新推荐文章于 2024-03-28 15:13:48 发布