评论：YUI Grids CSS 解读

由：西安电动轮椅

西安电动轮椅 — Tue, 17 Aug 2010 07:54:33 +0000

通过观察可以发现是在12.30769上加1em；其他的yui-t2,yui-t3….都是这个规律.但为30769 * 13/13.3333=12.98，求高手解答，还有说下那个13.05是怎么算出来

由：石膏粉

石膏粉 — Tue, 17 Aug 2010 07:54:00 +0000

通过观察可以发现是在12.30769上加1em；其他的yui-t2,yui-t3….都是这个规律.但为什么ie下 *margin-left会是13.05em呢？按道理应该是13.30769 * 13/13.3333=12.98，求高手解答，还有说下那个13.05是怎么算出来

由：jacker

jacker — Fri, 25 Jun 2010 02:41:07 +0000

我有个关于yui css 的问题想问下，由于在一个项目中用到了yui css框架，并且越到了一个问题，就是yui 默认的Template Presets没有我想要的尺寸，我想要左边250px固定，右边自适应，所以就像看他的源代码并稍微修改下加个yui-t9,所以我就在css文件里找到以下的一些有关Template Presets的一些代码：
#doc, #doc2, #doc3, #doc4, .yui-t1, .yui-t2, .yui-t3, .yui-t4, .yui-t5, .yui-t6, .yui-t7 {
margin: auto;
text-align: left;
width: 57.69em;
*width: 56.25em;
}

.yui-t1 #yui-main, .yui-t2 #yui-main, .yui-t3 #yui-main {
float: right;
margin-left: -25em;
}

.yui-t4 #yui-main, .yui-t5 #yui-main, .yui-t6 #yui-main {
float: left;
margin-right: -25em;
}

.yui-t1 .yui-b {
float: left;
width: 12.30769em;
*width: 12.00em;
}

.yui-t1 #yui-main .yui-b {
margin-left: 13.30769em;
*margin-left: 13.05em;
}

.yui-t2 .yui-b {
float: left;
width: 13.8461em;
*width: 13.50em;
}

.yui-t2 #yui-main .yui-b {
margin-left: 14.8461em;
*margin-left: 14.55em;
}

.yui-t3 .yui-b {
float: left;
width: 23.0769em;
*width: 22.50em;
}

.yui-t3 #yui-main .yui-b {
margin-left: 24.0769em;
*margin-left: 23.62em;
}

.yui-t4 .yui-b {
float: right;
width: 13.8456em;
*width: 13.50em;
}

.yui-t4 #yui-main .yui-b {
margin-right: 14.8456em;
*margin-right: 14.55em;
}

.yui-t5 .yui-b {
float: right;
width: 18.4615em;
*width: 18.00em;
}

.yui-t5 #yui-main .yui-b {
margin-right: 19.4615em;
*margin-right: 19.125em;
}

.yui-t6 .yui-b {
float: right;
width: 23.0769em;
*width: 22.50em;
}

.yui-t6 #yui-main .yui-b {
margin-right: 24.0769em;
*margin-right: 23.62em;
}

.yui-t7 #yui-main .yui-b {
display: block;
margin: 0 0 1em 0;
}

#yui-main .yui-b {
float: none;
width: auto;
}
我拿yui-t1来做例子说下：
他先定义.yui-t1 下.yui-b 的宽度为12.30769em;因为160/13=12.30769em；而ie下为12.00em;
因为160/13.3333=12.00；然后又定义.yui-t1 #yui-main .yui-b的 margin-left为13.30769em;
通过观察可以发现是在12.30769上加1em；其他的yui-t2,yui-t3….都是这个规律.但为什么ie下 *margin-left会是13.05em呢？按道理应该是13.30769 * 13/13.3333=12.98，求高手解答，还有说下那个13.05是怎么算出来的

由：css 小菜鸟

css 小菜鸟 — Fri, 12 Mar 2010 14:21:07 +0000

哪个好心人有没有文档可以学习得啊传一份给我好吗/ 不会用 .

由：加盟库

加盟库 — Wed, 09 Dec 2009 21:31:25 +0000

额。。。。有点复杂。

由：greengnn

greengnn — Tue, 08 Dec 2009 16:35:47 +0000

body 12px em用.75=1px 方便

由：Y.Jiajia

Y.Jiajia — Sun, 13 Sep 2009 06:05:44 +0000

那个小数，应该是IE的舍入法，的算法不同吧，仅猜猜而以。

由：stri

stri — Sat, 12 Sep 2009 03:10:36 +0000

@31的确!我情愿更加固定高宽.也不原用(特殊情况除外)

由：stri

stri — Sat, 12 Sep 2009 03:08:58 +0000

用 13 像素来平分宽度（保留小数到千分位），而 IE 浏览器用 13.333 。

有时候在IE和FF中都用12px的时候.看不出差别

由：快速定位页面中复杂CSS BUG « 南阳冬冬

快速定位页面中复杂CSS BUG « 南阳冬冬 — Thu, 27 Aug 2009 15:02:06 +0000

[...] 无额外 HTML 标签的清除浮动的方法（尽量避免使用 overflow:hidden;zoom:1 [...]

由：cssbox

cssbox — Thu, 20 Aug 2009 02:54:26 +0000

好东西…学习中…

由：hemin

hemin — Tue, 04 Aug 2009 13:53:53 +0000

路过，留名~

由：快速定位页面中复杂 CSS BUG - 米老虎的BLOG

快速定位页面中复杂 CSS BUG - 米老虎的BLOG — Sun, 17 May 2009 15:57:08 +0000

[...] 无额外 HTML 标签的清除浮动的方法（尽量避免使用 overflow:hidden;zoom:1 [...]

由：股吧

股吧 — Fri, 10 Apr 2009 16:37:11 +0000

老实讲，没太理解

由：shevchenko

shevchenko — Fri, 27 Mar 2009 13:33:23 +0000

在定义文字大小和行距是到底是使用px pt em？

由：ygwool

ygwool — Thu, 05 Mar 2009 09:17:29 +0000

用了.yui-gf:after清除浮动会在页面底部产生空白！怎样解决呢？

由：5个通用CSS Frameworks框架/工具/教程 - 菠菜博

5个通用CSS Frameworks框架/工具/教程 - 菠菜博 — Tue, 03 Feb 2009 00:52:52 +0000

[...] YUI Grids CSS 解读 [...]

由：ico

ico — Thu, 15 Jan 2009 04:21:00 +0000

学到一招，不过ie下解决清楚浮动还是需要zoom:1，这点不是很爽。。

由：怿飞

怿飞 — Thu, 15 Jan 2009 01:19:17 +0000

@Argoy IE只需要zoom:1就可以清除浮动，文章里也提及到了：“而对于 IE 浏览器，使用了 zoom:1 来触发 haslayout”。

由：Argoy

Argoy — Wed, 14 Jan 2009 16:25:55 +0000

从《如何快速定位页面中复杂 CSS BUG 问题》一文跳过来的，这个清除浮动只是针对非IE浏览器，那IE浏览器咋办。。。