zoukankan html css js c++ java

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

全部float向左

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

left,left, right

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

left, right, left

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

left, right, right

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

right, right,right

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

查看全文

相关阅读:
Apache Maven 入门篇 ( 上 )
dojo 模块之define
CORBA 入门(转)
Java纯POJO类反射到Redis，反射到MySQL
Ant编译SWF、SWC例子脚本
 转：动态加载SWF，并获取其中的类接口
 Centos上虚拟机搭建
 maven+flexmojos编译swf、swc脚本例子
 博客园中使用MathJax yongmou
emacs自动补全插件autocomplet和yasnippet，安装、配置和扩展 yongmou

原文地址：https://www.cnblogs.com/qiudeqing/p/3495076.html