评论: 第4课 浮动与定位（下） http://learning.artech.cn/20071126.research-css-position.html 学习在前沿！这里是“前沿视频教室”，在这里您可以找到关于各种网页设计/网站开发/Flash动画相关的内容，而且我们都通过视频演示的方式，直观地向您讲解！包括CSS/Javascript/Flash/Dreamweaver/Fireworks/Photoshop等软件的使用和技巧! Sat, 19 May 2012 19:58:03 +0000 http://wordpress.org/?v=2.2 作者: 王克颍 http://learning.artech.cn/20071126.research-css-position.html#comment-16559 王克颍 Fri, 04 May 2012 23:03:26 +0000 http://learning.artech.cn/20071126.research-css-position.html#comment-16559 我感觉讲的很好，清楚，具体，容易理解 我感觉讲的很好，清楚，具体，容易理解

]]> 作者: 《CSS设计彻底研究》视频教程目录 | 非礼勿言 - 不得言 http://learning.artech.cn/20071126.research-css-position.html#comment-15455 《CSS设计彻底研究》视频教程目录 | 非礼勿言 - 不得言 Mon, 26 Sep 2011 23:12:48 +0000 http://learning.artech.cn/20071126.research-css-position.html#comment-15455 [...] 第 3课 深入理解盒子模型（下） 第4课 浮动与定位（上） 第4课 浮动与定位（下） 第5课 文字与图像（上） 第5课 [...] […] 第 3课 深入理解盒子模型（下） 第4课 浮动与定位（上） 第4课 浮动与定位（下） 第5课 文字与图像（上） 第5课 […]

]]> 作者: luo ye http://learning.artech.cn/20071126.research-css-position.html#comment-15047 luo ye Tue, 09 Aug 2011 02:18:02 +0000 http://learning.artech.cn/20071126.research-css-position.html#comment-15047 温老师，您好，我现在在看您的这本《css设计彻底研究》这本书，我觉得写得真好。能够针对我们不懂的那些地方，一针见血。就是我不知道怎么练习，学了之后我想实践实践，您觉得怎么实践比较好一点呢？ 温老师，您好，我现在在看您的这本《css设计彻底研究》这本书，我觉得写得真好。能够针对我们不懂的那些地方，一针见血。就是我不知道怎么练习，学了之后我想实践实践，您觉得怎么实践比较好一点呢？

]]> 作者: 《CSS设计彻底研究》视频教程目录 | 不得言 http://learning.artech.cn/20071126.research-css-position.html#comment-12672 《CSS设计彻底研究》视频教程目录 | 不得言 Fri, 04 Jun 2010 09:10:17 +0000 http://learning.artech.cn/20071126.research-css-position.html#comment-12672 [...] 第 3课 深入理解盒子模型（下） 第4课 浮动与定位（上） 第4课 浮动与定位（下） 第5课 文字与图像（上） 第5课 [...] […] 第 3课 深入理解盒子模型（下） 第4课 浮动与定位（上） 第4课 浮动与定位（下） 第5课 文字与图像（上） 第5课 […]

]]> 作者: 温谦 http://learning.artech.cn/20071126.research-css-position.html#comment-10327 温谦 Sun, 02 Aug 2009 12:23:08 +0000 http://learning.artech.cn/20071126.research-css-position.html#comment-10327 堕落的球球， 你把你的代码贴到我们的论坛上，我帮你看看吧，按说不应该如此： http://talking.artech.cn/thread-178-1-1.html 堕落的球球，

你把你的代码贴到我们的论坛上，我帮你看看吧，按说不应该如此：

http://talking.artech.cn/thread-178-1-1.html

]]> 作者: 堕落的球球 http://learning.artech.cn/20071126.research-css-position.html#comment-10315 堕落的球球 Sun, 02 Aug 2009 09:09:21 +0000 http://learning.artech.cn/20071126.research-css-position.html#comment-10315 老师好，请教一个问题。 这课里讲到absolute定位时，把父div的position属性设为relative之后，再把子div的top和right都设为0就可以和父div的右上角完全贴合了。我试了一下把right:0改成left:0之后，顶端依然和父div齐平，但左侧却和父div的左侧留出了相当于父div的padding值的距离，这是为什么呢？ 老师好，请教一个问题。
这课里讲到absolute定位时，把父div的position属性设为relative之后，再把子div的top和right都设为0就可以和父div的右上角完全贴合了。我试了一下把right:0改成left:0之后，顶端依然和父div齐平，但左侧却和父div的左侧留出了相当于父div的padding值的距离，这是为什么呢？

]]> 作者: 温谦 http://learning.artech.cn/20071126.research-css-position.html#comment-8001 温谦 Thu, 12 Mar 2009 08:08:53 +0000 http://learning.artech.cn/20071126.research-css-position.html#comment-8001 hx7520， 抱歉，你的第一个问题我还没有看明白。这样，你把你的完整代码发到我们的论坛上： http://talking.artech.cn ，再仔细说一下，我给你看看。 第二个问题是只看祖先，不管兄弟的。 hx7520，

抱歉，你的第一个问题我还没有看明白。这样，你把你的完整代码发到我们的论坛上：

http://talking.artech.cn ，再仔细说一下，我给你看看。

第二个问题是只看祖先，不管兄弟的。

]]> 作者: hx7520 http://learning.artech.cn/20071126.research-css-position.html#comment-7859 hx7520 Sun, 08 Mar 2009 19:17:19 +0000 http://learning.artech.cn/20071126.research-css-position.html#comment-7859 老师好，我在学习绝对定位时，按你教程中的代码修改无误后，又进行了自行修改，修改如下：在#father {}中加入"position:relative;"后，同时在#father div {}中也加入了position:relative;"。这时BOX-2是以自身标准流状态为基准进行偏移的。 这个我想分析了好久，不知道原因。以下是我的分析，但有矛盾。搞不清楚此时的BOX-2是绝对定位，还是相对定位。 分析: 1.BOX-2是处于绝对定位状态: BOX-2应该以#father 这个盒子为基准进行偏移，因为这是BOX-2的祖先盒子，而BOX-1和BOX-3是BOX-2的兄弟盒子，但这与结果不一致。 2.BOX-2是处于相对定位状态: 所以BOX-2自己的标准流状态偏移， 这虽然与结果一致，但在CSS的层叠特性中说过：样式的优先级是：ID样式>标记样式； 在代码里BOX-2的ID样式是绝对对位，而标记样式是相对对位，此时BOX-2应该是绝对定位，但这点与结果也相矛盾。 请你指出我逻辑上的漏洞,谢谢! 另外还有个问题：绝对定位中选择的包含框为基准，是指仅指祖先盒子吗？是否包括兄弟盒子？ 老师好，我在学习绝对定位时，按你教程中的代码修改无误后，又进行了自行修改，修改如下：在#father {}中加入”position:relative;”后，同时在#father div {}中也加入了position:relative;”。这时BOX-2是以自身标准流状态为基准进行偏移的。 这个我想分析了好久，不知道原因。以下是我的分析，但有矛盾。搞不清楚此时的BOX-2是绝对定位，还是相对定位。
分析:
1.BOX-2是处于绝对定位状态: BOX-2应该以#father 这个盒子为基准进行偏移，因为这是BOX-2的祖先盒子，而BOX-1和BOX-3是BOX-2的兄弟盒子，但这与结果不一致。
2.BOX-2是处于相对定位状态: 所以BOX-2自己的标准流状态偏移， 这虽然与结果一致，但在CSS的层叠特性中说过：样式的优先级是：ID样式>标记样式； 在代码里BOX-2的ID样式是绝对对位，而标记样式是相对对位，此时BOX-2应该是绝对定位，但这点与结果也相矛盾。
请你指出我逻辑上的漏洞,谢谢!
另外还有个问题：绝对定位中选择的包含框为基准，是指仅指祖先盒子吗？是否包括兄弟盒子？

]]> 作者: 温谦 http://learning.artech.cn/20071126.research-css-position.html#comment-4968 温谦 Wed, 01 Oct 2008 05:09:26 +0000 http://learning.artech.cn/20071126.research-css-position.html#comment-4968 kitty， #father 的含义是，选中 id为 father 的元素； #father div 的含意思是 选中 id为 father 的元素 的后代中的div元素。 仔细看一下关于选择器的概念，就能搞明白了，这是很重要的基础。 kitty，

#father 的含义是，选中 id为 father 的元素； #father div 的含意思是 选中 id为 father 的元素 的后代中的div元素。

仔细看一下关于选择器的概念，就能搞明白了，这是很重要的基础。

]]> 作者: 温谦 http://learning.artech.cn/20071126.research-css-position.html#comment-4967 温谦 Wed, 01 Oct 2008 05:06:28 +0000 http://learning.artech.cn/20071126.research-css-position.html#comment-4967 kitty， 我试了一下，似乎没有问题。您可以再试一次看看，如果还有问题，再给我们留言，我在具体查一查。谢谢！ kitty，

我试了一下，似乎没有问题。您可以再试一次看看，如果还有问题，再给我们留言，我在具体查一查。谢谢！

]]> 作者: kitty http://learning.artech.cn/20071126.research-css-position.html#comment-4941 kitty Mon, 29 Sep 2008 03:57:06 +0000 http://learning.artech.cn/20071126.research-css-position.html#comment-4941 老师在第4课 浮动与定位（下）教程中我看到您定义的样式#father和#father div,这两个选择器表示的是什么意思啊，让我一直很困惑！能给我讲解一下吗？有劳老师啦！ 老师在第4课 浮动与定位（下）教程中我看到您定义的样式#father和#father div,这两个选择器表示的是什么意思啊，让我一直很困惑！能给我讲解一下吗？有劳老师啦！

]]> 作者: kitty http://learning.artech.cn/20071126.research-css-position.html#comment-4940 kitty Mon, 29 Sep 2008 03:11:35 +0000 http://learning.artech.cn/20071126.research-css-position.html#comment-4940 老师啊，为什么第4课 浮动与定位（下）播放了到一分多钟的时候就不能播放了啊。 老师啊，为什么第4课 浮动与定位（下）播放了到一分多钟的时候就不能播放了啊。

]]> 作者: 温谦 http://learning.artech.cn/20071126.research-css-position.html#comment-924 温谦 Fri, 14 Dec 2007 01:12:36 +0000 http://learning.artech.cn/20071126.research-css-position.html#comment-924 谢谢支持！ 谢谢支持！

]]> 作者: 楚易 http://learning.artech.cn/20071126.research-css-position.html#comment-919 楚易 Thu, 13 Dec 2007 17:36:17 +0000 http://learning.artech.cn/20071126.research-css-position.html#comment-919 支持支持 支持支持

]]> 作者: 温谦 http://learning.artech.cn/20071126.research-css-position.html#comment-745 温谦 Mon, 26 Nov 2007 08:51:18 +0000 http://learning.artech.cn/20071126.research-css-position.html#comment-745 jindongxu794，你好！ 您说得对，等我们有时间修改一下，重新渲染和生成视频要花不少时间，等一等吧！谢谢您！ jindongxu794，你好！

您说得对，等我们有时间修改一下，重新渲染和生成视频要花不少时间，等一等吧！谢谢您！

]]> 作者: jindongxu794 http://learning.artech.cn/20071126.research-css-position.html#comment-741 jindongxu794 Mon, 26 Nov 2007 06:12:51 +0000 http://learning.artech.cn/20071126.research-css-position.html#comment-741 温老师关于绝对定位的讲解,解决了以前一直困扰我的问题...哈哈 不过还是有错误要指出下,就是关于PPT的标题.是盒子的浮动和定位(下),非(上) :P 温老师关于绝对定位的讲解,解决了以前一直困扰我的问题…哈哈
不过还是有错误要指出下,就是关于PPT的标题.是盒子的浮动和定位(下),非(上) :P

]]> 作者: ivy http://learning.artech.cn/20071126.research-css-position.html#comment-740 ivy Mon, 26 Nov 2007 03:44:48 +0000 http://learning.artech.cn/20071126.research-css-position.html#comment-740 谢谢温老师的鼓励!! 谢谢温老师的鼓励!!

]]> 作者: 温谦 http://learning.artech.cn/20071126.research-css-position.html#comment-736 温谦 Mon, 26 Nov 2007 02:30:12 +0000 http://learning.artech.cn/20071126.research-css-position.html#comment-736 ivy，你好！ 坚持就是胜利，CSS并不难学，坚持 钻研就一定可以搞定它。 ivy，你好！

坚持就是胜利，CSS并不难学，坚持 钻研就一定可以搞定它。

]]> 作者: ivy http://learning.artech.cn/20071126.research-css-position.html#comment-730 ivy Mon, 26 Nov 2007 01:19:01 +0000 http://learning.artech.cn/20071126.research-css-position.html#comment-730 坐前排~~~认真听课!(虽然现在是上班时间,但都迫不及待来看看!) 坐前排~~~认真听课!(虽然现在是上班时间,但都迫不及待来看看!)

]]>