评论: 第4课 浮动与定位（上） http://learning.artech.cn/20071123.research-css-float.html 学习在前沿！这里是“前沿视频教室”，在这里您可以找到关于各种网页设计/网站开发/Flash动画相关的内容，而且我们都通过视频演示的方式，直观地向您讲解！包括CSS/Javascript/Flash/Dreamweaver/Fireworks/Photoshop等软件的使用和技巧! Sat, 19 May 2012 19:55:13 +0000 http://wordpress.org/?v=2.2 作者: 《CSS设计彻底研究》视频教程目录 | 不得言 http://learning.artech.cn/20071123.research-css-float.html#comment-12680 《CSS设计彻底研究》视频教程目录 | 不得言 Fri, 04 Jun 2010 09:16:44 +0000 http://learning.artech.cn/20071123.research-css-float.html#comment-12680 [...] 第 3课 深入理解盒子模型（上） 第 3课 深入理解盒子模型（下） 第4课 浮动与定位（上） 第4课 浮动与定位（下） 第5课 文字与图像（上） 第5课 [...] […] 第 3课 深入理解盒子模型（上） 第 3课 深入理解盒子模型（下） 第4课 浮动与定位（上） 第4课 浮动与定位（下） 第5课 文字与图像（上） 第5课 […]

]]> 作者: keke http://learning.artech.cn/20071123.research-css-float.html#comment-11182 keke Fri, 23 Oct 2009 10:06:19 +0000 http://learning.artech.cn/20071123.research-css-float.html#comment-11182 温老师，这里不能贴图，我只好在论坛中发了图了，看到论坛中的图后，恳请解惑，不胜谢意！ 温老师，这里不能贴图，我只好在论坛中发了图了，看到论坛中的图后，恳请解惑，不胜谢意！

]]> 作者: 温谦 http://learning.artech.cn/20071123.research-css-float.html#comment-11177 温谦 Fri, 23 Oct 2009 06:32:34 +0000 http://learning.artech.cn/20071123.research-css-float.html#comment-11177 keke， 第一个问题，我想是把son2设置为浮动以后，它的magin就不会和外面的margin合并了，所以就低了15px。 第二个问题，我不知道具体什么意思，你贴个图出来，我看看？ keke，

第一个问题，我想是把son2设置为浮动以后，它的magin就不会和外面的margin合并了，所以就低了15px。

第二个问题，我不知道具体什么意思，你贴个图出来，我看看？

]]> 作者: keke http://learning.artech.cn/20071123.research-css-float.html#comment-11176 keke Fri, 23 Oct 2009 05:00:37 +0000 http://learning.artech.cn/20071123.research-css-float.html#comment-11176 温老师，《CSS彻底研究》这本书中第76页提到的本书光盘中的“第4章1.htm”这个目前三个子块按标准流排列的例子，如果我设置子块.son2为向左浮动（即float: left;），那么在火狐浏览器上看到.son2这个子块脱离标准流后，还和原来它所在的水平位置往下移动了15px，没有和移上来的按标准流排列的.son3在同一水平位置上，不理解这种现象，这个怎么解释呢？恳求得到老师解惑！ 还有，虽然在.son2子块中加上“display:inline;”消除了IE6浏览器中浮动后margin加倍的问题，但在IE6上看到脱离标准流后的.son2子块和p段落块之间还有5px的距离，而在火狐浏览器上看到脱离标准流后的.son2子块和p段落块之间是没有距离的，这两种浏览器上看到的差别又该怎么理解呢？恳求得到老师解惑！ 温老师，《CSS彻底研究》这本书中第76页提到的本书光盘中的“第4章1.htm”这个目前三个子块按标准流排列的例子，如果我设置子块.son2为向左浮动（即float: left;），那么在火狐浏览器上看到.son2这个子块脱离标准流后，还和原来它所在的水平位置往下移动了15px，没有和移上来的按标准流排列的.son3在同一水平位置上，不理解这种现象，这个怎么解释呢？恳求得到老师解惑！
还有，虽然在.son2子块中加上“display:inline;”消除了IE6浏览器中浮动后margin加倍的问题，但在IE6上看到脱离标准流后的.son2子块和p段落块之间还有5px的距离，而在火狐浏览器上看到脱离标准流后的.son2子块和p段落块之间是没有距离的，这两种浏览器上看到的差别又该怎么理解呢？恳求得到老师解惑！

]]> 作者: 温谦 http://learning.artech.cn/20071123.research-css-float.html#comment-10401 温谦 Fri, 07 Aug 2009 01:30:02 +0000 http://learning.artech.cn/20071123.research-css-float.html#comment-10401 shadow， 我还没有理解你的意思，这样，你写的完整一些，发到我们的论坛上，参考： http://talking.artech.cn/thread-178-1-1.html shadow，

我还没有理解你的意思，这样，你写的完整一些，发到我们的论坛上，参考：

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

]]> 作者: 温谦 http://learning.artech.cn/20071123.research-css-float.html#comment-10395 温谦 Fri, 07 Aug 2009 01:21:31 +0000 http://learning.artech.cn/20071123.research-css-float.html#comment-10395 love_css， 谢谢您喜欢我们的教程，不过目前由于和出版社有合同约束，还无法提供源代码下载，如果可能的话，买一本书书学习吧？ love_css，

谢谢您喜欢我们的教程，不过目前由于和出版社有合同约束，还无法提供源代码下载，如果可能的话，买一本书书学习吧？

]]> 作者: 温谦 http://learning.artech.cn/20071123.research-css-float.html#comment-10394 温谦 Fri, 07 Aug 2009 01:20:40 +0000 http://learning.artech.cn/20071123.research-css-float.html#comment-10394 枪炮部门 ， 你用的是什么浏览器？我这里似乎看到没有发现跳出去的现象？ 如果是关于浏览器的兼容性问题，参考：http://learning.artech.cn/20090703.selected-faq.html ，希望对你有所帮助。 枪炮部门 ，

你用的是什么浏览器？我这里似乎看到没有发现跳出去的现象？

如果是关于浏览器的兼容性问题，参考：http://learning.artech.cn/20090703.selected-faq.html ，希望对你有所帮助。

]]> 作者: shadow http://learning.artech.cn/20071123.research-css-float.html#comment-10363 shadow Wed, 05 Aug 2009 16:07:18 +0000 http://learning.artech.cn/20071123.research-css-float.html#comment-10363 温老是，我按照您视频最后所说到的办法解决内部div浮动时，外部div不能自适应高度的问题，IE6下设置float:left; margin:10px; 发现浮动层周围没有了父层的背景色，FF下背景色正常。而设置float:right; margin:10px; 时，两浏览器都正常。 温老是，我按照您视频最后所说到的办法解决内部div浮动时，外部div不能自适应高度的问题，IE6下设置float:left; margin:10px; 发现浮动层周围没有了父层的背景色，FF下背景色正常。而设置float:right; margin:10px; 时，两浏览器都正常。

]]> 作者: love_css http://learning.artech.cn/20071123.research-css-float.html#comment-10349 love_css Tue, 04 Aug 2009 01:23:47 +0000 http://learning.artech.cn/20071123.research-css-float.html#comment-10349 老师 你好 请问你能把源代码给出来下载吗？？由于您讲的比较快，有些东西不懂 希望有源码帮助学习 谢谢了 老师 你好 请问你能把源代码给出来下载吗？？由于您讲的比较快，有些东西不懂 希望有源码帮助学习 谢谢了

]]> 作者: 枪炮部门 http://learning.artech.cn/20071123.research-css-float.html#comment-9198 枪炮部门 Mon, 25 May 2009 07:12:04 +0000 http://learning.artech.cn/20071123.research-css-float.html#comment-9198 老师您好，我有一个问题想请教关于浮动：为什么浏览窗口缩小后Box-1,Box-2,会跳出文字框，甚至father框？详情：http://hi.baidu.com/%C7%B9%C5%DA%B2%BF%C3%C5/blog/item/0e9d0b01a76948de267fb509.html 老师您好，我有一个问题想请教关于浮动：为什么浏览窗口缩小后Box-1,Box-2,会跳出文字框，甚至father框？详情：http://hi.baidu.com/%C7%B9%C5%DA%B2%BF%C3%C5/blog/item/0e9d0b01a76948de267fb509.html

]]> 作者: 温谦 http://learning.artech.cn/20071123.research-css-float.html#comment-8463 温谦 Fri, 03 Apr 2009 02:34:37 +0000 http://learning.artech.cn/20071123.research-css-float.html#comment-8463 leighton ， 我这里播放没有问题阿，您再试试看？ leighton ，

我这里播放没有问题阿，您再试试看？

]]> 作者: 温谦 http://learning.artech.cn/20071123.research-css-float.html#comment-8418 温谦 Fri, 03 Apr 2009 01:00:16 +0000 http://learning.artech.cn/20071123.research-css-float.html#comment-8418 蒲公英， 相邻的float元素之间，无论是上下还是左右，都不会叠加（塌陷），只有标准流中，上下相邻的盒子之间才会塌陷。 蒲公英，

相邻的float元素之间，无论是上下还是左右，都不会叠加（塌陷），只有标准流中，上下相邻的盒子之间才会塌陷。

]]> 作者: leighton http://learning.artech.cn/20071123.research-css-float.html#comment-8403 leighton Wed, 01 Apr 2009 08:54:00 +0000 http://learning.artech.cn/20071123.research-css-float.html#comment-8403 为什么在线看不了了啊 为什么在线看不了了啊

]]> 作者: 蒲公英 http://learning.artech.cn/20071123.research-css-float.html#comment-8354 蒲公英 Sat, 28 Mar 2009 04:27:40 +0000 http://learning.artech.cn/20071123.research-css-float.html#comment-8354 视频第八分钟左右那里，两个DIV都 float left 时这两个DIV左右的边距时相加不是叠加吧？ 视频第八分钟左右那里，两个DIV都 float left 时这两个DIV左右的边距时相加不是叠加吧？

]]> 作者: 温谦 http://learning.artech.cn/20071123.research-css-float.html#comment-8194 温谦 Fri, 20 Mar 2009 06:47:11 +0000 http://learning.artech.cn/20071123.research-css-float.html#comment-8194 平凡， 是的，CSS并不难，只要把原理真正搞懂，在多多实践，很快就可以掌握的！ 平凡，

是的，CSS并不难，只要把原理真正搞懂，在多多实践，很快就可以掌握的！

]]> 作者: 温谦 http://learning.artech.cn/20071123.research-css-float.html#comment-8185 温谦 Fri, 20 Mar 2009 06:33:54 +0000 http://learning.artech.cn/20071123.research-css-float.html#comment-8185 娃娃， 我们一直都会回答读者问题的，请放心！ 娃娃，

我们一直都会回答读者问题的，请放心！

]]> 作者: 平凡 http://learning.artech.cn/20071123.research-css-float.html#comment-8161 平凡 Fri, 20 Mar 2009 02:35:30 +0000 http://learning.artech.cn/20071123.research-css-float.html#comment-8161 谢谢温老师，让我受益匪浅，以前感觉页面排版是一个很困难的问题，学习了一段时间之后，感觉自己也有了一部分的理解了。 谢谢温老师，让我受益匪浅，以前感觉页面排版是一个很困难的问题，学习了一段时间之后，感觉自己也有了一部分的理解了。

]]> 作者: 娃娃 http://learning.artech.cn/20071123.research-css-float.html#comment-8153 娃娃 Thu, 19 Mar 2009 03:02:12 +0000 http://learning.artech.cn/20071123.research-css-float.html#comment-8153 半月前发现了本站，真是个学习的好地方，不过好像我发现有点太晚了。 看到这上面提出问题的时间都在08年前，不知道以后有问题了，温老师还会不会回答。 温老师讲解的CSS真的很好，谢谢提供，祝老师天天开心。 半月前发现了本站，真是个学习的好地方，不过好像我发现有点太晚了。
看到这上面提出问题的时间都在08年前，不知道以后有问题了，温老师还会不会回答。
温老师讲解的CSS真的很好，谢谢提供，祝老师天天开心。

]]> 作者: 温谦 http://learning.artech.cn/20071123.research-css-float.html#comment-4123 温谦 Mon, 21 Jul 2008 05:25:40 +0000 http://learning.artech.cn/20071123.research-css-float.html#comment-4123 很高兴 ， 谢谢您的鼓励，欢迎常来这里交流！ 很高兴 ，

谢谢您的鼓励，欢迎常来这里交流！

]]> 作者: 很高兴 http://learning.artech.cn/20071123.research-css-float.html#comment-4111 很高兴 Sun, 20 Jul 2008 14:01:11 +0000 http://learning.artech.cn/20071123.research-css-float.html#comment-4111 这东西很好，谢谢老师提供。 这东西很好，谢谢老师提供。

]]> 作者: 网盲 http://learning.artech.cn/20071123.research-css-float.html#comment-2667 网盲 Tue, 22 Apr 2008 02:49:04 +0000 http://learning.artech.cn/20071123.research-css-float.html#comment-2667 谢谢温老师。 谢谢温老师。

]]> 作者: 温谦 http://learning.artech.cn/20071123.research-css-float.html#comment-2658 温谦 Mon, 21 Apr 2008 14:29:48 +0000 http://learning.artech.cn/20071123.research-css-float.html#comment-2658 我明白你的意思了。 我们放在书上的图是用Firefox浏览器显示的效果。你说的现象是在IE 6中的。 如果用IE 6 显示，就如您所说的那样，有问题，这是IE的一个著名Bug，成为“浮动双倍margin”，也就是当一个盒子浮动以后，他的左右margin会加倍，从而产生你看到的效果。 修正这个错误的方法是，在.son1的CSS设置中，加一条“display:inline”，效果就和Firefox中相同了，这个bug在IE 7中已经修正了。 我明白你的意思了。

我们放在书上的图是用Firefox浏览器显示的效果。你说的现象是在IE 6中的。

如果用IE 6 显示，就如您所说的那样，有问题，这是IE的一个著名Bug，成为“浮动双倍margin”，也就是当一个盒子浮动以后，他的左右margin会加倍，从而产生你看到的效果。

修正这个错误的方法是，在.son1的CSS设置中，加一条“display:inline”，效果就和Firefox中相同了，这个bug在IE 7中已经修正了。

]]> 作者: 网盲 http://learning.artech.cn/20071123.research-css-float.html#comment-2656 网盲 Mon, 21 Apr 2008 14:18:21 +0000 http://learning.artech.cn/20071123.research-css-float.html#comment-2656 就是我的。SON1 左浮动后 ，。SON2自动自动对齐。。SON1 但是。SON1的前面多出1条竖线，好象是。SON1的边框不能不能对齐到最左面。你把我的代码放到DW里，看一下就知道了，我不知道是什么原因。 就是我的。SON1 左浮动后 ，。SON2自动自动对齐。。SON1 但是。SON1的前面多出1条竖线，好象是。SON1的边框不能不能对齐到最左面。你把我的代码放到DW里，看一下就知道了，我不知道是什么原因。

]]> 作者: 温谦 http://learning.artech.cn/20071123.research-css-float.html#comment-2641 温谦 Mon, 21 Apr 2008 07:42:23 +0000 http://learning.artech.cn/20071123.research-css-float.html#comment-2641 网盲， 你把问题描述清楚一些，具体哪里不一样了？ 网盲，

你把问题描述清楚一些，具体哪里不一样了？

]]> 作者: 网盲 http://learning.artech.cn/20071123.research-css-float.html#comment-2639 网盲 Mon, 21 Apr 2008 07:31:45 +0000 http://learning.artech.cn/20071123.research-css-float.html#comment-2639 温老师我把代码放在我的QQ空间里了你能帮我看下么 我的浮动那里有问题 这节课的.SON1 浮动后我的效果和你的不一样啊 谢谢你了 http://user.qzone.qq.com/497774728 温老师我把代码放在我的QQ空间里了你能帮我看下么 我的浮动那里有问题 这节课的.SON1 浮动后我的效果和你的不一样啊 谢谢你了
http://user.qzone.qq.com/497774728

]]> 作者: 温谦 http://learning.artech.cn/20071123.research-css-float.html#comment-2621 温谦 Mon, 21 Apr 2008 00:33:01 +0000 http://learning.artech.cn/20071123.research-css-float.html#comment-2621 网盲， 这样看不出问题，你把你做的网页挂到网上，然后把URL贴到这里，我给你看一下。 网盲，

这样看不出问题，你把你做的网页挂到网上，然后把URL贴到这里，我给你看一下。

]]> 作者: 网盲 http://learning.artech.cn/20071123.research-css-float.html#comment-2609 网盲 Sat, 19 Apr 2008 08:59:40 +0000 http://learning.artech.cn/20071123.research-css-float.html#comment-2609 老是这节课的浮动我有问题 我BOX1向左浮动之后BOX2 上来后有两个边框 这上传不了图片 不方便说 无标题文档 body{ margin:15px; font:"宋体"; font-size:12px } …… 温老师 帮我看一下是哪有问题了 老是这节课的浮动我有问题 我BOX1向左浮动之后BOX2 上来后有两个边框 这上传不了图片 不方便说

无标题文档

body{
margin:15px;
font:”宋体”;
font-size:12px
}

……

温老师 帮我看一下是哪有问题了

]]> 作者: 温谦 http://learning.artech.cn/20071123.research-css-float.html#comment-2084 温谦 Tue, 25 Mar 2008 03:14:25 +0000 http://learning.artech.cn/20071123.research-css-float.html#comment-2084 Uiu， 欢迎新朋友，常来交流吧！ Uiu，

欢迎新朋友，常来交流吧！

]]> 作者: Uiu http://learning.artech.cn/20071123.research-css-float.html#comment-2079 Uiu Mon, 24 Mar 2008 11:14:05 +0000 http://learning.artech.cn/20071123.research-css-float.html#comment-2079 我新来的，大家好。 我新来的，大家好。

]]> 作者: 温谦 http://learning.artech.cn/20071123.research-css-float.html#comment-722 温谦 Sat, 24 Nov 2007 13:59:00 +0000 http://learning.artech.cn/20071123.research-css-float.html#comment-722 呵呵，ivy同学好！ 希望你能学的又快又好！加油！ 呵呵，ivy同学好！

希望你能学的又快又好！加油！

]]>