根据bfc布局中介绍的双列布局的具体代码
<style>
.www{
width: 500px;
height: 100px;
float: left;
background-color: red
}
.eee{
height: 300px;
background-color: skyblue;
word-wrap:break-word;
overflow: hidden;/*只是hidden了,所以说文字撑开的宽度还在,只是被挤走了,相当于一个自适应的缩放状态*/
}
</style>
<body>
<div class="www">
iihsdi
</div>
<div class="eee">
spanhhohoihiooooooooooooooooooooohhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhlkkkkkkkkkkkkkkkkkkkkkkkkk
</div>
注意这个红色是固定的哈,蓝色的是自适应的