你如何解释人类的CSS定位？

土生土长的人

我相当理智的身心,特此放弃了我自己的CSS定位.

关于CSS的在线资源很大程度上解释说,“颜色”属性可以让你设置东西的“颜色”. Unmöglish.

那么,如果你想把东西放在别的东西(疯狂的想法,对吗？),你所要做的就是将其设置为浮动到左边,只要你设置在它的父块上的“相对”标志必须拥有一个“绝对”标志设置为true的大父节点,以使其相对于另一个可能包含或不包含任何内容,具有位置,大小或不依赖于浏览器的容器进行定位,其他东西的大小,也许是月球的阶段. (CSS专家建议不要认真对待前面的段落,我很确定有人会指出我的咆哮无效或符合w3c的规定,而且只适用于瑞典IE6版本)

开玩笑,我正在寻找任何解释CSS布局背后所有疯狂的根本原因的资源.在本质上,这将是CSS的什么Crockford的文章是为了Javascript.

本着这种精神,让我指出,我不是在寻找CSS图书馆或网格框架,如蓝图,或者CSS扩展语言,如lesscss.我一直在使用这些来缓解我的痛苦,但是恐怕就像告诉别人“只是使用jQuery”,他们说他们不能把自己的想法放在JS的原型继承中.

如果你能指出我是http://shop.oreilly.com/product/9781565926226.do,我想我会认为自己注定了.

提前致谢.

编辑：我可能不应该谈论“定位”(感谢所有再次解释的人,“立场：亲戚”并不意味着“相对于你的容器”,而“立场：绝对”是指相对于某物,从来没有如此接近,使一个愚蠢的Python脚本从一个SO的问题).我认为我的意思是一般的布局(定位浮标基线所有的废话都要把东西放在一条直线上).

另外请原谅我的声音,我试图把一些幽默沮丧.我可以使用禅技术冷静下来,如果可以的话,但这只会让我想起来
this.

解决方法

似乎大多数人还不太了解你的职位的要点.我会为你分手：

CSS positiong是复杂的,因为它是由许多不同的人群长期设计的,具有各种版本和遗留的兼容性问题.

第一个尝试是保持简单.只提供基本款式.颜色,字体,大小,magins等.他们添加了浮点数,以提供基本的“切割”功能,其中文本围绕图像. Float并不是用作当前使用的主要布局功能.

但是人们对此并不满意.他们想要列,网格,框和阴影,圆角,以及各种各样的其他东西.同时试图保持与以前的不良实现的兼容性.

HTML遭到两个反对派的交战.一方面需要简单(与现有的SGML无关)解决方案,另一方面需要丰富的应用程序.所以CSS有时候会有这样的诡异性质.

更重要的是,功能被扩展到了他们最初没有打算做的事情.这使得现有的实现都非常漂亮.

那么对你而言,只是一个人类呢？这意味着你被困在处理每个人洗澡很脏的衣服.这意味着你必须处理十年的执行错误.这意味着您必须为不同的浏览器编写不同的CSS,或者您必须将自己限制在一个常见的“良好支持”功能集中,这意味着您无法充分利用最新CSS可以执行的操作(也不能使用功能的设计是为了给标准增加一些理智).

在我看来,没有比“纯粹的人类”更好的书来解析CSS：

http://www.amazon.com/Eric-Meyer-CSS-Mastering-Language/dp/073571245X

它简单,简洁,并给你一个光滑的“容易的眼睛”格式的真实世界的例子,缺乏大多数讨厌的技术术语.它已经10年了,并没有涵盖任何新的东西,但它应该让你“琢磨”事情的工作方式.