1

我们正在开始新项目，我们需要100% 的宽度（100% 的高度是额外的 :)）、3 列、用于业务RIA的纯 CSS 布局。

我们检查了 YAML、YUI、Blueprint 和其他几个，但似乎没有一个提供或保证与所有主要浏览器 100% 兼容。

根据您的经验，哪一个最适合此目的？

提前致谢。

4

2 回答 2

1

毫无疑问，您已经看到了这一点，但在他的 A List Apart网站中，Matthew Levine 不仅提供了 3 列布局的圣杯，而且还详细解释了它的工作原理。

于 2010-10-11T20:35:30.627 回答
0

像这样的东西应该适用于大多数浏览器 IIRC。但是，如果您想要页眉/页脚，除非您使用人造列，否则您将需要某种 javascript。对于 RIA，我认为这是可以接受的。

就个人而言，我从不使用 CSS 框架。

下面的示例也应该适用于 IE6：

  <html>
   <head>
      <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.2.0/build/cssreset/reset-min.css" />
      <style type="text/css">
       html, body { height:100%; }

         .left { 
           width:200px;
           display:inline;
           float:left;
           background:blue;
           height:100%;
         }    

         .right { 
           width:200px;
           display:inline;
           float:right;
           background:red;
           height:100%;
         }

         .center {
           margin:0 200px;
           height:100%;
         }
     </style>
   </head>
   <body>
      <div class="right">test</div>
      <div class="left">test</div>
      <div class="center">test</div>
   </body>
</html>
于 2010-10-11T22:03:36.047 回答