css能不能实现左边div固定宽度，右边div自适应撑满剩下的宽度
2个回答
展开全部
2列布局，左侧定宽，右侧宽度为100%，就能自适应。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>两列布局</title>
<style>
.container {
width: 80%;
height: 600px;
border: 10px solid lightslategray;
margin: 0 auto;
}
.left,.right {
/* 将块级元素呈现水平方向的排列效果 */
float: left;
}
.left {
/* 定宽 - 宽度值确定不变的 */
width: 25%;
height: 600px;
background-color: lightcoral;
}
.right {
width: 75%;
height: 600px;
background-color: lightseagreen;
}
</style>
</head>
<body>
<!-- 容器 -->
<div class="container">
<!-- 两列 - 定宽 -->
<div class="left"></div>
<div class="right"></div>
</div>
</body>
</html>
贴一种给你，我这边有6种实现方法。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
