Question

我们正在开始新项目，我们需要 100％宽度（100％高度是奖励:)）， 3列，纯CSS布局业务 RIA。

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

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

提前致谢。

Answer 1

毫无疑问，你已经看过这个了，但是在他的 A List Apart 网站上，Matthew Levine不仅提供了the Holy Grail of 3-column layouts，而且还详细解释了它是如何工作的。

Answer 2

这样的东西应该适用于大多数浏览器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>

哪个是最好的3列100％宽度纯CSS布局框架？

2 个答案: