三行等高

思路：采用溢出的正负来互补

html：

<body>
<div class="container">
    <div class="left">这是左边，我们少打点字</div>
    <div class="center">这是中间，我们可以粘贴复制多一点；这是中间，我们可以粘贴复制多一点这是中间，我们可以粘贴复制多一点这是中间，我们可以粘贴复制多一点这是中间，我们可以粘贴复制多一点这是中间，我们可以粘贴复制多一点</div>
    <div class="right">这是右边，字数可以适中字数可以适中。字数可以适中。字数可以适中。字数可以适中。字数可以适中。字数可以适中。。</div>
</div> 
</body>

style：

.container{width:100%;overflow: hidden;}
.left{width:33%;float:left;background-color: #00baff;padding-bottom:10010px;margin-bottom: -10000px;}
.right{width:33%;float:left;background-color: #fff9dc;padding-bottom:10010px;margin-bottom: -10000px;}
.center{width:33%;float:left;background-color: #22ffd5;padding-bottom:10010px;margin-bottom: -10000px;}
posted @ 2016-07-18 15:15  xlxlyl  阅读(110)  评论(0)  编辑  收藏  举报