YUI Grids CSS 解读
作者：blank 来源：蓝色理想 发布时间：2008-05-28 12:49:00
标签：css,grids,性能,浏览器
YUI 中的 Grids CSS 主要有三个部分值得大家关注和学习：
1、布局的思想：使用 “负 margin（Negative Margins）” 技术
详细可参阅：《Creating Liquid Layouts with Negative Margins》
2、使用 em ：当用户改变字体大小时，宽度同时改变。
技巧：用 13 像素来平分宽度（保留小数到千分位），而 IE 浏览器用 13.333 。
/* 750 centered, and backward compatibility */
#doc {
width:57.69em;
*width:56.251em;
min-width:750px;
}
57.69 = 750 / 13
56.251 = 750 / 13.333
注：《Setting Page Width with YUI Grids》 一文中提到：IE 下的 em 是宽度除以 13 ，再乘以 .9759 得到。同解于为什么现在的 YUI 源码中 IE 下 750px 的宽度是：56.301em（750 / 13 * 0.9759）。
此算法将在 YUI 的下个版本中换为上面的新算法（IE 浏览器用 13.333 ）。
3、清除布局的浮动
针对非 IE 浏览器：
.yui-gf:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
而对于 IE 浏览器，使用了 zoom:1 来触发 haslayout。不过对于此 Nate Koechley 这样解释的：
Zoom is a non-valid attribute and so you’ll see warnings when you validate your CSS. I’m aware of that and think it is an acceptable tradeoff.
个人比较赞成他的想法：I think it is an acceptable tradeoff。
0
投稿猜你喜欢
- 1、python大量的库为数据分析提供了完整的工具集2、比起MATLAB、R语言等其他主要用于数据分析语言，python语言功能更加健全3、
前言前面我们介绍了 pandas 的基础语法操作，下面我们开始介绍 pandas 的数据读写操作。pandas 的 IO API 是一组顶层- Apache SkyWalking 在本月初发布了 SkyWalking Backend、UI 的 9.2.0 版本 以及&nbs
- 您也可以提供几个连接字符串修饰符来控制连接池行为，请参见本主题内下文中“使用连接字符串关键字控制连接池”这一节。池的创建和分配当连接打开时，
- 今天是 Firefox3的2008下载日 ，这就意味着Firefox3正式发布了。Firefox3有众多的改进和新功能，我最关注的功能之一是
- 本文介绍的是关于Python利用字典的默认行为的相关内容，分享出来供大家参考学习，下面来看看详细的介绍：典型代码1：from collect
- SQL Server中事务日志的作用：持续记录数据库所有的事务和这些事务对数据库所做的修改;一旦数据库出现灾难事件，就需要事务日志来进行近期
- Pygame 中提供了一个draw模块用来绘制一些简单的图形状，比如矩形、多边形、圆形、直线、弧线等。pygame.draw模块的常用方法如
- 以前讲过利用phantomjs做爬虫抓网页 https://www.jb51.net/article/55789.htm 是配合选择器做的利
- 本文实例讲述了python实现上传样本到virustotal并查询扫描信息的方法。分享给大家供大家参考。具体方法如下：import simp
- 本文实例讲述了mysql 复制原理与实践应用。分享给大家供大家参考，具体如下：复制功能是将一个mysql数据库上的数据复到一个或多个mysq
- 由于python内部的变量其实都是reference，而Tensorflow实现的时候也没有意义去判断输出是否是同一变量名，从而判定是否要新
- 二维离散傅里叶变换（DFT）对于二维图像处理，通常使用 x , y x, yx,y 表示离散的空间域坐标变量，用 u , v u,vu,v
- 一、watch 默认是浅层，使用deep深层监听被侦听的 property，仅在被赋新值时，才会触发回调函数—&
- lxmllxml 是 Python 的一个库，用于解析和呈现 XML 和 HTML。它支持多种内置和第三方 XML 和 HTML 标记，例如
- 【OpenCV】⚠️高手勿入! 半小时学会基本操作⚠️边界填充概述OpenCV 是一个跨平台的计算机视觉库, 支持多语言, 功能强大. 今天
- 对于有的vps，系统默认安装了mysql。我们需要从我们的服务器、vps上卸载(移除)默认的mysql。那么如何(怎样)在ubuntu\De
- 前言PostgreSQL (也叫 Postgres)是一个自由的对象-关系数据库服务器(数据库管理系统)，它在灵活的 BSD-风格许可证下发
- 我就废话不多说了，大家还是直接看代码吧！contacts = ExternalContacts.objects.filter(MobileK
- 二分查找法（Binary Search）是一种在有序数组中查找某一特定元素的算法，它的思想是将数组从中间分成两部分，判断目标元素在哪一部分中
