CSS 简单的网格

Posted 2021-05-23

/*----------------------------------------------------------------------- 
  
  Simple Grid
   
-------------------------------------------------------------------------*/

.full ,
.one_half, 
.one_third, .two_thirds, 
.one_fourth, .two_fourths, .three_fourths, 
.one_fifth, .two_fifths, .three_fifths, .four_fifths,
.one_sixth, .three_sixths, .five_sixths {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	position: relative;
	margin-bottom: 20px;
}

.full 		{ width: 940px; }
.one_half 	{ width: 460px; }
.one_third 	{ width: 300px; } 
.two_thirds 	{ width: 620px; }
.one_fourth 	{ width: 220px; } 
.three_fourths	{ width: 700px; }
.one_fifth 	{ width: 172px; } 
.two_fifths 	{ width: 364px; } 
.three_fifths 	{ width: 556px; }
.four_fifths	{ width: 748px; }
.one_sixth 	{ width: 140px; } 
.three_sixths 	{ width: 460px; } 
.five_sixths 	{ width: 720px; }