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

]]> 作者: 温谦 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-14375 温谦 Fri, 25 Mar 2011 08:13:01 +0000 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-14375 依若寒， 不要用下载工具，就不会出问题。 似乎最近联通出国的骨干网络有问题~~ 我们的服务器没有改过设置，而且最近的下载量还没有原来大，应该不是服务器的问题。 这些视频，各个视频网站都有，您也可以到其他视频网站找一找看。 我也想不作限制，随便下，可是那样峰值带宽会特别高，常常会把服务器拖死。 依若寒，

不要用下载工具，就不会出问题。

似乎最近联通出国的骨干网络有问题~~

我们的服务器没有改过设置，而且最近的下载量还没有原来大，应该不是服务器的问题。

这些视频，各个视频网站都有，您也可以到其他视频网站找一找看。

我也想不作限制，随便下，可是那样峰值带宽会特别高，常常会把服务器拖死。

]]> 作者: 依若寒 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-14369 依若寒 Fri, 25 Mar 2011 07:35:49 +0000 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-14369 这个网站下视频怎么这么悲催啊 ！！！每次下一个 还老出问题。该升级啦 站长！！！ 这个网站下视频怎么这么悲催啊 ！！！每次下一个 还老出问题。该升级啦 站长！！！

]]> 作者: 古道边 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-13547 古道边 Fri, 12 Nov 2010 02:58:49 +0000 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-13547 好教程哈，就是为什么，只能看到一半就没有了哈，， ，，这本教程，有配套的书和光盘没，， 好教程哈，就是为什么，只能看到一半就没有了哈，，
，，这本教程，有配套的书和光盘没，，

]]> 作者: 卧 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-12980 卧 Thu, 29 Jul 2010 04:50:58 +0000 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-12980 我爱看你就~ 我爱看你就~

]]> 作者: 珠珠 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-11968 珠珠 Mon, 22 Feb 2010 09:04:44 +0000 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-11968 嵌套盒子间的margin:两盒子之间，父块高度进行指定为40px,可子块高度并没有指定，怎么就能知道子块的高度超过了父块的高度？ 嵌套盒子间的margin:两盒子之间，父块高度进行指定为40px,可子块高度并没有指定，怎么就能知道子块的高度超过了父块的高度？

]]> 作者: monkey http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-11456 monkey Mon, 30 Nov 2009 07:39:11 +0000 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-11456 我现在也看到了书的73页几何题,我现在有个问题想请教老师,就是那个K的大小即LI的上下Padding加上文本高度,即34像素.行高是1.2倍的字体大小(12px).我现在想问那么横向的字距是不是也是14PX?共实我一直都搞不懂假记我对标题元素h3设置了宽度值,这个宽度值是确定了盒子的大小还是确定了里面所能容下文字内容的数目? 我现在也看到了书的73页几何题,我现在有个问题想请教老师,就是那个K的大小即LI的上下Padding加上文本高度,即34像素.行高是1.2倍的字体大小(12px).我现在想问那么横向的字距是不是也是14PX?共实我一直都搞不懂假记我对标题元素h3设置了宽度值,这个宽度值是确定了盒子的大小还是确定了里面所能容下文字内容的数目?

]]> 作者: monkey http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-11454 monkey Mon, 30 Nov 2009 07:28:47 +0000 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-11454 在网上看了好多DIV+CSS的教程,当时很明白过后还是一头雾水,直到发现前沿教室才感觉眼前一片明郎,于是在卓越亚马上就订了>和>.这书确实写得不错. 在网上看了好多DIV+CSS的教程,当时很明白过后还是一头雾水,直到发现前沿教室才感觉眼前一片明郎,于是在卓越亚马上就订了>和>.这书确实写得不错.

]]> 作者: 骨头软件工作室 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-11332 骨头软件工作室 Sun, 08 Nov 2009 04:42:44 +0000 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-11332 我换新域名了,换下新链接! 我换新域名了,换下新链接!

]]> 作者: q2080069 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-11331 q2080069 Sun, 08 Nov 2009 02:45:28 +0000 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-11331 【刚才回复错了地方了，不好意思哦】请老师见谅。 这个盒子的像素是怎么计算的哦？代码里面有这样的描述：ul{padding:5px 5px 5px;} 和 li{margin:20px 20px 20px 20px;} .那么ul盒子和li盒子之间的空隙（空白部分）就应该是：25px; 但是我截图之后在ps里面数像素为什么会是 25px+4px=29px 呢？还有别的地方也是有相同的和理论不符合的地方，请问这个是怎么回事？具体应该是怎么算的？ 【刚才回复错了地方了，不好意思哦】请老师见谅。
这个盒子的像素是怎么计算的哦？代码里面有这样的描述：ul{padding:5px 5px 5px;} 和 li{margin:20px 20px 20px 20px;} .那么ul盒子和li盒子之间的空隙（空白部分）就应该是：25px; 但是我截图之后在ps里面数像素为什么会是 25px+4px=29px 呢？还有别的地方也是有相同的和理论不符合的地方，请问这个是怎么回事？具体应该是怎么算的？

]]> 作者: q2080069 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-11330 q2080069 Sun, 08 Nov 2009 02:44:27 +0000 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-11330 这个盒子的像素是怎么计算的哦？代码里面有这样的描述：ul{padding:5px 5px 5px;} 和 li{margin:20px 20px 20px 20px;} .那么ul盒子和li盒子之间的空隙（空白部分）就应该是：25px; 但是我截图之后在ps里面数像素为什么会是 25px+4px=29px 呢？还有别的地方也是有相同的和理论不符合的地方，请问这个是怎么回事？具体应该是怎么算的？ 这个盒子的像素是怎么计算的哦？代码里面有这样的描述：ul{padding:5px 5px 5px;} 和 li{margin:20px 20px 20px 20px;} .那么ul盒子和li盒子之间的空隙（空白部分）就应该是：25px; 但是我截图之后在ps里面数像素为什么会是 25px+4px=29px 呢？还有别的地方也是有相同的和理论不符合的地方，请问这个是怎么回事？具体应该是怎么算的？

]]> 作者: 温谦 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-10208 温谦 Sun, 26 Jul 2009 13:49:11 +0000 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-10208 峰峰 ， 是的，可以参见：http://learning.artech.cn/category/overview/book-errate 第14条。 峰峰 ，

是的，可以参见：http://learning.artech.cn/category/overview/book-errate 第14条。

]]> 作者: 峰峰 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-10196 峰峰 Sat, 25 Jul 2009 08:26:22 +0000 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-10196 书上几合题，是不是写错了！！K:li的上下magin加上文本高度即34像素 应该是：li的上下padding是20，加上文本高度14px，等于34像素。 书上几合题，是不是写错了！！K:li的上下magin加上文本高度即34像素

应该是：li的上下padding是20，加上文本高度14px，等于34像素。

]]> 作者: zc http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-9746 zc Fri, 26 Jun 2009 08:28:30 +0000 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-9746 谢谢 谢谢

]]> 作者: 温谦 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-9383 温谦 Sun, 14 Jun 2009 04:57:16 +0000 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-9383 magigzc ， 就是这样的，如果你希望外层宽度不变，里面的宽度变小，可以设置外层的宽度为固定值，里面的宽度设置为自动，或者不设置，即可。 抱歉没有及时回复，我们最近很忙，下半年我们会拿出更多时间增加新内容的，欢迎来交流！ magigzc ，

就是这样的，如果你希望外层宽度不变，里面的宽度变小，可以设置外层的宽度为固定值，里面的宽度设置为自动，或者不设置，即可。

抱歉没有及时回复，我们最近很忙，下半年我们会拿出更多时间增加新内容的，欢迎来交流！

]]> 作者: magigzc http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-9151 magigzc Sat, 16 May 2009 15:23:44 +0000 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-9151 想让老师给帮忙解决一个关于padding的问题,在对一个div设置padding时,比如说设置了padding:40px;时,这个外层的div的范围就会增加40px的宽度,我研究了很长时间没有找到答案,很是迷惑, 想让老师给解决一下, 想让老师给帮忙解决一个关于padding的问题,在对一个div设置padding时,比如说设置了padding:40px;时,这个外层的div的范围就会增加40px的宽度,我研究了很长时间没有找到答案,很是迷惑, 想让老师给解决一下,

]]> 作者: 温谦 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-7028 温谦 Fri, 26 Dec 2008 06:27:07 +0000 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-7028 CSS菜鸟， 还有小数点？一个像素就是一个像素，没法再分了，所以不能有小数点阿 CSS菜鸟，

还有小数点？一个像素就是一个像素，没法再分了，所以不能有小数点阿

]]> 作者: CSS菜鸟 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-6991 CSS菜鸟 Wed, 24 Dec 2008 11:41:46 +0000 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-6991 打错了应该是48.8 打错了应该是48.8

]]> 作者: CSS菜鸟 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-6990 CSS菜鸟 Wed, 24 Dec 2008 11:40:08 +0000 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-6990 请问css中的几何题里边n=v=36.8对吗？ 请问css中的几何题里边n=v=36.8对吗？

]]> 作者: 温谦 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-6784 温谦 Tue, 16 Dec 2008 00:35:31 +0000 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-6784 请参考： http://learning.artech.cn/20080221.css-exploring-errta.html 中的第14点。 请参考：

http://learning.artech.cn/20080221.css-exploring-errta.html

中的第14点。

]]> 作者: CSS初学者 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-6762 CSS初学者 Sun, 14 Dec 2008 10:57:19 +0000 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-6762 哦！我看的视频，没设置body的margin ，li的padding写成padding:10px 10px 0; 字号12px----那12*1.2是什么意思？字有外边距嘛？ 我主要问下面那个问题,你没讲解呀？？？ ---------------------------------------------------------------------------------------------- 如果把ul的padding设置为0时，li相对于ul的上下margin没有了！只有将ul的padding有设置数据时才能显示出来？ 哦！我看的视频，没设置body的margin ，li的padding写成padding:10px 10px 0;
字号12px—-那12*1.2是什么意思？字有外边距嘛？

我主要问下面那个问题,你没讲解呀？？？
———————————————————————————————-

如果把ul的padding设置为0时，li相对于ul的上下margin没有了！只有将ul的padding有设置数据时才能显示出来？

]]> 作者: 温谦 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-6749 温谦 Sun, 14 Dec 2008 01:38:22 +0000 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-6749 CSS初学者， 基本上是这样，k的高度时34像素10 +10 + 12*1.2 =34。 CSS初学者，

基本上是这样，k的高度时34像素10 +10 + 12*1.2 =34。

]]> 作者: CSS初学者 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-6734 CSS初学者 Sat, 13 Dec 2008 16:48:06 +0000 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-6734 css中的几何题答案： a=h=i=15px(或者body的margin加15px) b=g=j=p=r=x=25px(ul的padding加里li的margin) c=f=m=o=u=w=5px(li.withborder的border-width:5px;) d=10px(li的padding:10px;) e=???????(宽度随浏览器窗口是变化的啊??!!) k=s=?????(是不是10px加字体的高度---而且宽度随浏览器窗口是变化的啊??!!) l=t=20px(li之间取最大值margin:20px而且margin-top:20px;) n=v=?????(是不是10px加两个字体的高度加字体上下行间间距---而且而且宽度随浏览器窗口是变化的啊??!!) q=15px(ul的margin:15px;) ------------------------------------------------------------------------------------------------ 不知对错！！望解答......谢谢 ------------------------------------------------------------------------------------------------ 还有个问题是：如果把ul的padding设置为0时，li相对于ul的上下margin没有了！只有将ul的padding有设置数据时才能显示出来？ css中的几何题答案：
a=h=i=15px(或者body的margin加15px)
b=g=j=p=r=x=25px(ul的padding加里li的margin)
c=f=m=o=u=w=5px(li.withborder的border-width:5px;)
d=10px(li的padding:10px;)
e=???????(宽度随浏览器窗口是变化的啊??!!)
k=s=?????(是不是10px加字体的高度—而且宽度随浏览器窗口是变化的啊??!!)
l=t=20px(li之间取最大值margin:20px而且margin-top:20px;)
n=v=?????(是不是10px加两个字体的高度加字体上下行间间距—而且而且宽度随浏览器窗口是变化的啊??!!)
q=15px(ul的margin:15px;)
————————————————————————————————
不知对错！！望解答……谢谢
————————————————————————————————
还有个问题是：如果把ul的padding设置为0时，li相对于ul的上下margin没有了！只有将ul的padding有设置数据时才能显示出来？

]]> 作者: 温谦 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-4718 温谦 Fri, 12 Sep 2008 00:52:26 +0000 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-4718 可乐 ， 是的，由于下载的流量太大了，服务器停了，现在我们设置了每个文件只能单线程下载，应该可以节省一些资源了，如果您以后遇到问题，请告诉我们，谢谢！ 可乐 ，

是的，由于下载的流量太大了，服务器停了，现在我们设置了每个文件只能单线程下载，应该可以节省一些资源了，如果您以后遇到问题，请告诉我们，谢谢！

]]> 作者: 温谦 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-4717 温谦 Fri, 12 Sep 2008 00:52:10 +0000 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-4717 sturggle85， 这个一两句话说不清楚，抱歉~~~ sturggle85，

这个一两句话说不清楚，抱歉~~~

]]> 作者: 可乐 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-4696 可乐 Wed, 10 Sep 2008 13:54:14 +0000 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-4696 老师!昨天视频还看的好好的,怎么今天就看不了了??????? 老师!昨天视频还看的好好的,怎么今天就看不了了???????

]]> 作者: sturggle85 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-4645 sturggle85 Wed, 03 Sep 2008 16:58:31 +0000 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-4645 老师您好，就是最后那个几何题，我做了，可是有些糊涂，你能把答案告诉我一下么？我自己对照这就应该懂了 老师您好，就是最后那个几何题，我做了，可是有些糊涂，你能把答案告诉我一下么？我自己对照这就应该懂了

]]> 作者: 温谦 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-4190 温谦 Sun, 27 Jul 2008 11:13:26 +0000 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-4190 自由kj， 这句话的意思是： IE会根据内部子盒子大小决定父盒子的高度，而Firefox不会管里面内容的高度。这个是肯定的。 在实际中，通常并不会给父盒子设置高度，因为子盒子的高度都是变化的，我们并不知道真正显示时，外面的盒子多高。 如果不使用浮动，这个问题无所谓，如果使用了浮动，一般在外面的大盒子里的最下面，加一个空的div，把clear属性设置为both，把大盒子的高度拉大。 如果您看的书是《精通CSS+DIV网页样式与布局》，这个问题用到了，但是没有专门深入讲解；如果您看的是《CSS设计彻底研究》，这个问题有专门详细深入的介绍，您仔细看一下，应该没问题，这个问题好解决。 自由kj，

这句话的意思是： IE会根据内部子盒子大小决定父盒子的高度，而Firefox不会管里面内容的高度。这个是肯定的。

在实际中，通常并不会给父盒子设置高度，因为子盒子的高度都是变化的，我们并不知道真正显示时，外面的盒子多高。

如果不使用浮动，这个问题无所谓，如果使用了浮动，一般在外面的大盒子里的最下面，加一个空的div，把clear属性设置为both，把大盒子的高度拉大。

如果您看的书是《精通CSS+DIV网页样式与布局》，这个问题用到了，但是没有专门深入讲解；如果您看的是《CSS设计彻底研究》，这个问题有专门详细深入的介绍，您仔细看一下，应该没问题，这个问题好解决。

]]> 作者: 自由kj http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-4179 自由kj Sun, 27 Jul 2008 08:20:31 +0000 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-4179 “嵌套盒子间的margin:两盒子之间，父块高度没有进行指定，父块高度会自然形成，由容纳子块的最小限度显示。 两盒子之间，父块高度进行指定后，ie与firefox有明显的区别，ie还是会以能容纳子块最小限度显示；而在firefox中则以设定父块原尺寸显示。” 可是真正做下来，恰恰相反，没有指定高度的父块，在ie里面是容纳子快最小限度，而在firefox里面还是不包裹子块显示，请问怎么做才能使两个浏览器都能将父块以最合适的尺寸显示子块 “嵌套盒子间的margin:两盒子之间，父块高度没有进行指定，父块高度会自然形成，由容纳子块的最小限度显示。
两盒子之间，父块高度进行指定后，ie与firefox有明显的区别，ie还是会以能容纳子块最小限度显示；而在firefox中则以设定父块原尺寸显示。”
可是真正做下来，恰恰相反，没有指定高度的父块，在ie里面是容纳子快最小限度，而在firefox里面还是不包裹子块显示，请问怎么做才能使两个浏览器都能将父块以最合适的尺寸显示子块

]]> 作者: 温谦 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-4159 温谦 Thu, 24 Jul 2008 08:57:19 +0000 http://learning.artech.cn/20071122.research-css-box-model-2.html#comment-4159 吴昊， 你说的“相错”是什么意思？你是指谁和谁相错？您在具体说一下？ 吴昊，

你说的“相错”是什么意思？你是指谁和谁相错？您在具体说一下？

]]>