Courage is grace under pressure

用我一辈子去追求

导航

<2006年9月>
272829303112
3456789
10111213141516
17181920212223
24252627282930
1234567

统计

  • 随笔 - 17
  • 文章 - 1
  • 评论 - 2
  • 引用 - 0

常用链接

留言簿(43)

随笔档案

文章档案

相册

XML的Blog

搜索

  •  

最新评论

阅读排行榜

评论排行榜

怎样实现一种特殊的布局---采用

[][]
  []
  []
要求:
1.每个[]的最里层是个div.
2.整体靠左,右面三个[]上下对齐,每个[]里的文字仍然靠左。
3.不要用table和layer来组织,更不要考虑什么空白的gif之类。
4.用javascript操作DOM来实现,最好符合W3C标准。

用css,<style type="text/css"> body{ text-algin:left;}
div.div1{width:10%;height:180px;float:left;}
div#Contantdiv2{width:10%;height:180px;float:left; line-height:60px;}
div.subdiv1,.subdiv2,.subdiv3{width:100%;height:auto;float:left;}
</style>

html代码中如下:
<div class="div1">内容</div>
<div id="Contantdiv2">
<div class="subdiv1">内容</div>
<div class="subdiv2">内容</div>
<div class="subdiv2">内容</div>
</div>

 

posted on 2006-09-06 17:56 xyh 阅读(186) 评论(0)  编辑  收藏


只有注册用户登录后才能发表评论。


网站导航:
 
设为首页 加入收藏 与我联系 您的浏览器: