JSFiddle

Anet's public fiddles

• w2280La2

  No-Library (pure JS), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• AngularJS Isolated Scope Experiment

  This is a fiddle designed to illustrate isolated scope using the updated and simpler syntax. This is a take on John Lindquist's fiddle which looked like this: http://jsfiddle.net/simpulton/RUbSv/

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 绝对定位包含块

  "元素二"被定义为绝对定位，它以浏览器窗口为包含块，显示位置根据元素左边到窗口左边的距离和元素上边到窗口上边的距离来确定。而"子元素1"却根据具有定位属性的"元素二"为包含块，显示位置根据"子元素1"右边到"元素二"右边的距离和元素底边到"元素二"底边的距离来确定。 在"元素二"中包含了3个子元素，它们以不同的性质显示，但它们都以"元素二"作为参照平台，包括其中的浮动元素和绝对定位元素。 根据上例演示我们可以总结：一个绝对定位元素将为它包含的任何元素建立一个包含块，被包含元素遵循普通文档流规则，在包含块中自然流动，但它们的偏移位置由包含块来确定。 绝对定位元素甚至可以包含其他的绝对定位元素，这些绝对定位的子元素同样可以从父包含块内脱离出来。这些子包含块通过定位取负值或设置较大的偏移值跑到父包含块的外面。 绝对定位元素包含块的定义与其他元素有一点不同。绝对定位元素的包含块是由距离它最近的、且被定位的上级元素，也就是在它外面最接近它的position属性值为absolute、relative或fixed的父级元素。如果不存在这样的父级元素，那么默认包含块就是浏览器窗口本身。

• Private fiddle Extra
• Delete fiddle
Groups Extra
• wcu17r3w

  No-Library (pure JS), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra