老师的作业批复文档里面下面为什么是30%30%15%,这个是相当于谁的百分比table还是浏览器?

老师的作业批复文档里面下面为什么是30%30%15%,这个是相当于谁的百分比table还是浏览器?

http://img1.sycdn.imooc.com//climg/5bfb882f0001786111420628.jpg

但为什么给他们加了背景色之后绿色部分的宽度与前面两个相比并不是1:2的大小?百分比这个地方有点不太明白

http://img1.sycdn.imooc.com//climg/5bfb88e7000179a723420988.jpg

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
红xiao豆 2018-11-26 15:49:45

 1)30%,30%,15%是相对于它们的父级,也就tr,但是tr的100%又是相对于它自己的父级table,而table的75%也是相对于它自己的父级。所有百分比的设置都是相对于自己的父级而言。如果你想知道具体的宽度,你可以找到它的父级,这样就能计算它自己的宽度。

2)相对于父级,这里不是相对于table,td的父级是tr,tr的父级是table。假如table的父级宽度为a,那么table的实际宽度就是75%*a,tr的实际宽度是75%*a*100% ,那么td的实际宽度为75%*a*100%*30%,和75%*a*100%*30%和75%*a*100%*15%,那么三个td的总宽度就是(30%+30%+15%)*75%*a  ,实际上是table实际宽度的75% ,因为75%*a是table的实际宽度。

如果对你有帮助,望采纳~

祝学习愉快~

  • 感觉说的好复杂,我是懒得看着堆数字,我的理解就是填充最外层<tr>也既最外层table的行(前提最外层table已经 width='100%') 的 75%也就新闻专区的tr。
    2018-12-10 20:04:24
红xiao豆 2018-11-26 14:39:01

这里的百分比是相对于父级的,之所以不是1:2的大小,是因为图片没有设置相对于td宽度的100%显示。

如果对你有帮助,欢迎采纳~

祝学习愉快。

  • 提问者 慕盖茨2560428 #1
    相对于父级,那这里是不是相对于table?,如果是相对于table的话三者相加等于75%而不是100%,但是为什么三者的宽度相加从显示效果上看等于table的宽度?其实就是不太明白30%,30%,15%这三个百分比数字是依据什么定的大小、还有为什么75%的宽度却显示出100%的效果?麻烦老师指点迷津
    2018-11-26 14:49:06
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师