.fu {display:flex width:300px height:200px border:1px solid #f00}
.zi {flex:auto border:1px dotted #888}
</style>
<div class="fu">
<div class="zi"></div>
<div class="zi"></div>
<div class="zi"></div>
</div>
CSS中class可以指定多个值，用空格隔开就可以了，多个样式定义最终会叠加在一起应用到当前元素。
一、CSS中id和class的区别：
1、id的优先级比class高。
2、class是通用属性，就是说几个div可以调用同一个class ，而id是唯一的，web标准中不允许出现两个div的id标识是相同的，id也是js获取对象的一个标识，所以也必须是唯一的。
二、class属性修改：
类属性即class属性，规定类名，用类选择器规定样式的时候，需要为元素指定类名，即class属性的值。注意每个HTML元素只有一个class属性。但是class属性的值可以是多个名称，即可能包含一个词的列表，中间用空格分隔。
楼主你好!一般textarea 5行写法就是上面写的那个默认状态下:<textarea cols=5></textarea>但楼主说要用css实现，其实也可以，方法代码如下:
<style type="text/css">
.areaclass{width:200pxheight:75pxline-height:15px}
</style>
<textarea class="areaclass">
内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
</textarea>
如果内容超过了五行的话,就会显示下拉滚动条!
