これがあなたが望むものであると仮定して
<html>
<head>
<title></title>
<style rel="stylesheet" type="text/css">
#container{
position:relative;
}
.row{
float: left;
clear: both;
width: 100%;
}
.row > div{
width: 33%;
float: left;
}
.row:nth-child(even){
background-color: pink;
}
</style>
</head>
<body>
<div id="container">
<div class="row">
<div>foo</div>
<div>bar<br/>big</div>
<div>baz</div>
</div>
<div class="row">
<div>foo</div>
<div>bar<br/>another<br/>big<br/>one</div>
<div>baz</div>
</div>
<div class="row">
<div>foo</div>
<div>shizzle<br/>for<br/>my<br/>nizzle</div>
<div>baz</div>
</div>
</div>
</body>
</html>
position:relative を含むコンテナーがあることを確認して、幅のパーセンテージがそのコンテナーの幅に基づいていることを確認してください。新しい行ごとに clear:both (またはその問題だけを残す)。
div.row を除外できるかどうかを尋ねている場合は、各行の最初の要素をクリアすれば可能ですが、セル自体で backgroundcolors を使用すると問題が発生します。
お役に立てれば