首 页 行业热点 新车 试驾评测 养车用车 车型库

css怎么设置2个div同行,第一个固定宽度,第二个占满剩余的部分?_百度...

发布网友 发布时间:2022-04-25 14:11

我来回答

2个回答

热心网友 时间:2022-04-20 20:19

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>

body{

margin:0;
}

.stage{

position:relative;
}

.left{

position:absolute;
left:0;
top:0;
background-color:green;
width:200px;
height:500px;
}

.center{

margin-left:200px;
background-color:orange;
height:500px;
}

</style>
</head>
<body>
<div class="stage">
<div class="left"></div>
<div class="center"></div>
</div>
</body>
</html>

热心网友 时间:2022-04-20 21:37

假设第一个div的宽度为200px;

设置第二个div 的width: calc(100% - 200px);

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com