[css layout][17]Liquid, secondary columns fixed-width

  1. right,right,right 
     1 #wrapper {
 2   float: right;
 3   margin-left: 400px;
 4 }
 5 #navigation {
 6   float: right;
 7   width: 200px;
 8   margin-right: -400px;
 9 }
10 #extra {
11   float: right;
12   width: 200px;
13   margin-right: -200px;
14 }
15 #footer {
16   clear: both;
17 }

     

  2. right,right,left 
     1 #wrapper {
 2   float: right;
 3   margin-left: 400px;
 4 }
 5 #navigation {
 6   float: right;
 7   width: 200px;
 8   margin-right: -400px;
 9 }
10 #extra {
11   float: left;
12   width: 200px;
13   margin-right: -100%;
14 }
15 #footer {
16   clear: both;
17 }

     

  3. right,left,left 
     1 #wrapper {
 2   float: right;
 3   margin-left: 400px;
 4 }
 5 #navigation {
 6   float: left;
 7   width: 200px;
 8   margin-right: -100%;
 9   position: relative;
10   left: 200px;
11 }
12 #extra {
13   float: left;
14   width: 200px;
15   margin-right: -100%;
16 }
17 #footer {
18   clear: both;
19 }

     

  4. left,left,left 
     1 #wrapper {
 2   float: left;
 3   margin-left: 400px;
 4 }
 5 #navigation {
 6   float: left;
 7   width: 200px;
 8   margin-left: -100%;
 9   position: relative;
10   left: 200px;
11 }
12 #extra {
13   float: left;
14   width: 200px;
15   margin-left: -100%;
16 }
17 #footer {
18   clear: both;
19 }

     

 

 

 

 

 

 

 

 

 

posted @ 2013-12-28 10:59  我的百科全书  阅读(189)  评论(0)  编辑  收藏  举报