css奇数div加,CSS：按奇数顺序浮动DIV？

只有在Chrome中进行测试，所以您需要在其他浏览器中查看此内容。

另外，你也许可以利用display: table-cell来实现你想要的，但不是没有打破对许多人讨厌的浏览器的支持。

HTML：

HEADER

TOP

LEFT

CENTER

RIGHT

BOTTOM

FOOTER

CSS：

body { font: 20px sans-serif; color: #FFF; text-align: center; }

#header, #footer { background: #000; height: 100px; }

#top, #bottom { background: #333; height: 50px; }

#right { display: none; }

#top { margin-left: 220px; }

#left {

background: #666;

float: left;

height: 300px;

margin-top: -50px;

width: 220px;

}

#center {

background: #999;

clear: right;

height: 100px;

margin-left: 220px;

}

#bottom { margin-left: 220px; }

#footer { clear: both; }