[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 }
原文地址:https://www.cnblogs.com/qiudeqing/p/3495098.html