纯CSS无hacks的跨游览器多列布局(要等高)

2011-01-12 10:24:13 by 【6yang】, 134 visits, 收藏 | 返回

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head>
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
        <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=12)"/>
        <meta http-equiv="Page-Exit" content="blendTrans(Duration=0.5)" />
        <title>Heroku和Morph AppSpaces:两个Rails托管的新解决方案</title>
        <style type="text/css">
             #header {
                 background:#EBCC67;
             }
             #footer {
                 background:#A9EA00;
             }
            #container3 {
                float:left;
              /*  width:100%; */
                background:green;
                overflow:hidden;
                position:relative;
            }
            #container2 {
                float:left;
               /* width:100%; */
                background:yellow;
                position:relative;
                right:30%;
            }
            #container1 {
                float:left;
                width:100%;
                background:red;
                position:relative;
                right:40%;
            }
            #col1 {
                float:left;
                width:26%;
                position:relative;
                left:72%;
                overflow:hidden;
            }
            #col2 {
                float:left;
                width:36%;
                position:relative;
                left:76%;
                overflow:hidden;
            }
            #col3 {
                float:left;
                width:26%;
                position:relative;
                left:80%;
                overflow:hidden;
            }
        </style>
    </head>
   
    <body>
        <div id="header">AppEngine在本周引起很大反响,它提供了一个简单易用的方法来运行Python写成的Web应用。但是Ruby社区并不需要看Google的脸色,它已经拥有了关于简单部署的解决方案。我们来看两个新的解决方案,它们均是基于Rails开发者使用的公用基础之上构建的。</div>
        <div id="container3">
            <div id="container2">
                <div id="container1">
                    <div id="col1">Column 1<br /><p>Heroku和Morph实验室是Ruby on Rails的托管提供商,提供运行Ruby on Rails应用的整套环境。和传统的托管商相比,他们并不仅仅是提供一个服务器给你,而且提供有趣的工具和接口来帮助你更加容易的工作,使你从繁重的安 装、配置、管理和保证服务器安全中解脱出来。两者皆是使用Amazon的EC2网格计算技术来运行应用,因此你可以毫不担心可伸缩性与性能问题。</p></div>
                    <div id="col2">Column 2<br /><p>另一个被Heroku和Morph实验室所推崇的重要特性是无痛部署。部署一个新应用只需要几分钟而已:来看看Heroku的即时部署demo和Morph eXchange的6分钟部署demo,部署是多么简单。</p></div>
                    <div id="col3">Column 3<br />两者所带来的是如此的相似。InfoQ采访了这两个项目的相关人员,有更多信息奉上。</div>
                </div>
            </div>
        </div>
        <div id="footer">James Lindenbaum阐述了Heroku的独有特性:
            <blockquote>
                Heroku无疑是Rails应用最简单的部署平台。只是简单的把代码放进去,然后启动、运行,没人会做不到这些。Heroku会处理一切,从版本控制到 自动伸缩的协作(基于Amazon的EC2之上)。我们提供一整套工具来开发和管理应用,不管是通过Web接口还是新的扩展API。
            </blockquote>
            Heroku的一个非常有趣的特性就是基于浏览器的开发环境。它参考了Gyre的开发经验,Gyre的开发者Adam Wiggins也是Heroku背后的一员。因此如果你希望快速修改和追加的话,只需要通过浏览器编辑正在运行的应用的源代码,并在修改后自动部署。当然,使用浏览器IDE并不是唯一访问Heroku服务的方法,还可以来看看Heroku的API和外部Git访问。
        </div>       
    </body>
</html>

 

From http://www.cnblogs.com/rubylouvre/archive/2009/07/15/1523683.html

分享到:
share

    图片原图

    loading

    loading