Jquery 哪一个是最好的3列100%宽度纯CSS布局框架？
我们正在启动新项目，我们需要100%宽度（100%高度是额外的：），3列，纯CSS业务布局RIA 我们检查了YAML、YUI、Blueprint和其他几个浏览器，但似乎没有一个提供或保证与所有主要浏览器的100%兼容性 根据你的经验，哪一个是最好的Jquery 哪一个是最好的3列100%宽度纯CSS布局框架？,jquery,css,rich-internet-application,Jquery,Css,Rich Internet Application,我们正在启动新项目，我们需要100%宽度（100%高度是额外的：），3列，纯CSS业务布局RIA 我们检查了YAML、YUI、Blueprint和其他几个浏览器，但似乎没有一个提供或保证与所有主要浏览器的100%兼容性 根据你的经验，哪一个是最好的 提前感谢。毫无疑问，你已经看到了这一点，但是在他的A List Apart网站上，Matthew Levine不仅提供了，而且解释了它是如何工作的，每一个细节。毫无疑问，你已经看到了这一点，但是在他的A List Apart网站上，Matthew L
提前感谢。毫无疑问，你已经看到了这一点，但是在他的A List Apart网站上，Matthew Levine不仅提供了，而且解释了它是如何工作的，每一个细节。毫无疑问，你已经看到了这一点，但是在他的A List Apart网站上，Matthew Levine不仅提供了，而且解释了它是如何工作的，在每一个细节中。像这样的东西应该适用于大多数浏览器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>
html，正文{高度：100%；}
.左{
宽度：200px；
显示：内联；
浮动：左；
背景：蓝色；
身高：100%；
}
.对{
宽度：200px；
显示：内联；
浮动：对；
背景：红色；
身高：100%；
}
.中心{
利润率：0.200px；
身高：100%；
}
测试
测试
测试
<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>
html，正文{高度：100%；}
.左{
宽度：200px；
显示：内联；
浮动：左；
背景：蓝色；
身高：100%；
}
.对{
宽度：200px；
显示：内联；
浮动：对；
背景：红色；
身高：100%；
}
.中心{
利润率：0.200px；
身高：100%；
}
测试
测试
测试