是。

以下是本文使用的完整CSS。這很值得閱讀整篇文章，隨著作者一步地深入到你所需要的工作中。

#container3 {
    float:left;
    width:100%;
    background:green;
    overflow:hidden;
    position:relative;}#container2 {
    float:left;
    width:100%;
    background:yellow;
    position:relative;
    right:30%;}#container1 {
    float:left;
    width:100%;
    background:red;
    position:relative;
    right:40%;}#col1 {
    float:left;
    width:26%;
    position:relative;
    left:72%;
    overflow:hidden;}#col2 {
    float:left;
    width:36%;
    position:relative;
    left:76%;
    overflow:hidden;}#col3 {
    float:left;
    width:26%;
    position:relative;
    left:80%;
    overflow:hidden;}

這不是唯一的方法，但這可能是我遇到過的最優雅的方法。

還有一個網站完全是這樣做的，查看源代碼將允許您了解他們是如何做到的。.

給overflow: hidden到容器和大容器(并且相等)負邊緣和正填充縱隊。請注意，這個方法有一些問題，例如錨鏈接不能在您的布局中工作。

標記

<div class="container">
    <div class="column"></div>
    <div class="column"></div>
    <div class="column"></div></div>

CSS

.container {
    overflow: hidden;}.column {
    float: left;    
    margin-bottom: -10000px;
    padding-bottom: 10000px;}

結果

您可以使用CSS表，如下所示：

<style type='text/css">
    .container { display: table; }
    .container .row { display: table-row; }
    .container .row .panel { display: table-cell; }</style><div class="container">
    <div class="row">
        <div class="panel">...text...</div>
        <div class="panel">...text...</div>
        <div class="panel">...text...</div>
    </div></div>