这里，我们要用flex实现这样一个小功能，即左边的div固定宽度为90px,右边的div占满余下的宽度。先看下代码：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title></title>
</head>
<body>
<div class="flex-container">
<div class="div1">
</div>
<div class="div2">
</div>
</div>
<style type="text/css">
*{
padding: 0;
margin: 0;
}
.flex-container{
display: flex;
height: 100px;
}
.div1{
width: 90px;
background-color: green;
}
.div2{
width: 100%;
background-color: red;
}
</style>
</body>
</html>
扫一扫
1025
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
