Tag Archive for 框模型

博百优CSS:IE/Win和框模型

很悲哀,IE5 和IE6都是在怪异模式中使用自己的非标准框模型。这些浏览器的width属性不是内容的宽度,而是内容、填充和边框的综合。这实际上有一定的意义,因为在现实世界中框具有固定的尺寸,而且填充是放在框里面的。添加的填充越多,给内容留下的空间就越少,尽快符合逻辑,但是这些IEb按本不符合规范,博百优虽然不是一个设计师,但是平时修改网站,自己布局的时候也会有同样头疼的问题,国内就是TMD多用户还在迷恋IE6,这是一种何等悲壮的盛况。

前面的例子当中,我们说过IE5.x中框的总宽度只有90像素,这是因为IE5认为每个边上5像素的填充是70像素的宽度的一部分,而不是宽度意外附加的。 » Read more..

CSS基础3:框模型的概述

昨天博百优css介绍了doctype和浏览器模式基础知识,今天要进入相对要开始实操的知识介绍了—可视化格式模型需要掌握的三个重要CSS概念是:浮动(float),定位(position)和框模型(box model)。今天首先接受框模型:

一、基本情况

框模型就是指定元素如何显示以及如何相互交互。这个框由元素的内容、padding、border和margin来组成的。如下图: » Read more..