为什么当我在CSS Zen Garden上突出显示项目时,它会突出显示不同的区域?

时间:2015-09-09 16:18:10

标签: html css

昨天我问过这样的问题,但我似乎对css显示这个位置的原因了解不多。例如:

example1 http://puu.sh/k5r57/6e59005bdd.jpg

在DOM下方选择一个图像,突然选择最顶部的横幅,但选择其子项选择我希望通过盒子模型流程判断的位置。

或者,

example2 http://puu.sh/k5rkp/b07bdcd576.jpg

突出显示父div'要求'不需要框最初选择的全部内容。

CSS中的内容为什么我不明白这个网站中的盒子模型是如何工作的?

1 个答案:

答案 0 :(得分:0)

CSS Zen Garden是一个CSS实验网站。它的重点在于作者采用一个固定不变的HTML页面并使用CSS来重新设计它;即使您不必修改HTML代码,也可以展示CSS的强大功能。

为Zen Garden网站创建这种方式的一些页面设计看起来彼此截然不同,他们通过使用各种CSS技巧在页面上移动元素来实现这一点。

简而言之,您所描述的行为几乎就是我对CSS Zen Garden网站的期望。

它旨在让您学习;如果你正在努力,请尝试阅读CSS源代码;那里可能会有一些有用的评论。