网站论文总结

1 / 37 网站论文总结 摘 要 . 1 关键词： . 1 引 言 . 2 第一章 绪论 . 3 个 人 网 站 的 研 究 工作 . 3 2 / 37 理 论 研 究 基础 . 3 技术层面的支持 . 3 已 经 取 得 的 研 究 成果 . 3 选 题 的 目 的 及 意义 . 4 第二章 网站系统设计选用的工具 . 5 工具的选用 . 5 ASP 的定义 . 5 的运行环3 / 37 境 . 6 浏览 ASP 文件 . 6 ASP 文件基本组成 . 6 的程序的特点： . 6 ASP 的工作原理 . 7 ASP 与数据库 . 7 ASP 的对象存取数据库方法 . 7 ASP 中 常 用 的 数 据4 / 37 库 . 7 SQL 语 言 在 ASP 中 的 使用 . 8 ADO 的介绍 . 8 什么是ADO. 8 ADO 的对象 . 8 三剑客在网站中的应用 . 9 脚 本 语 言 VBScript 在 ASP 中的应用 . 9 VBScript 的定5 / 37 义 . 9 VBScript 的特点 . 9 第三章 个 人 网 站 的 总 体 设计 . 10 网 站 的 分 析 与 设计 . 10 我的个人网站全面分析 . 10 网 站 页 面 的 设计 . 10 数据库的设计 . 10 网站的各项功能的实6 / 37 现 . 12 结 论 . 17 参考文献 .(转 载于 : 海达 范文 网 :网站论文总结 ). 18 随着经济社会的发展，计算机已被应用到社会生活的各个领域。与此同时，互联网作为信息技术的通信桥梁连接着全球的计 算机，而网站作为网络信息主要的表现形式而且还是互联网信息的主要承载者，在 Internet 上表现出其及其重要的地位，并发挥着其及其重要的作用。无论是在国内还是国外都得以迅速的发展和壮大，并被人们重视和关注。互联网已经彻底的改变了世界，互联网的世界里蕴藏着无限的可能，在这种情况下，各行各业及其个人、单位、工厂、企事业等等在网上构筑属于自己的网络信息平台，保护自己的网络资源并在互联网上开辟自己的市场和消费群体，以及构造自己的数字化世界和加强全球范围内不同地域的人们联系交流等等活动也就显的日益重要。于是各种各样的网 站便如7 / 37 雨后春笋般地出现鱼龙混杂且良莠不齐。 Internet 的日益兴起和以网页为载体的网络信息的广泛传播和应用，使得网站的建设及网页制作得到发展的空间，大至大型企业的产品推销、售后服务、解决方案，小至个人 Web 页面开发，形形色色，五彩缤纷，网站建设和网页制作也成为计算机网络领域最热门的话题。 关键词： ASP 个人网页 动态网页 互联网是一个互动性极强的平台，它自由、宽容、平等、共享，并使来自民间的声音参与到了构建主流话语的行动中来。计算机技术的发展，特别是网络技术的飞速发展，给文档的保存和管理提供极大的方便 1。本论文中，将软件工程的基本原理和方法应用到整个网站系统，并对 其进行需求分析，提出了解决问题的具体方法。在具体制作中，用 ASP技术来实现 B/S 系统， ASP 技术与数据库技术结合，用户在浏览器端可以随意查询自己需要的标本，这样提高了网页的互动性，使整个系统能更好的为用户服务。 Internet 飞速发展使得网站不再仅仅为企业或公司等大型结构所拥有，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重8 / 37 要的作用。因此网站建设在 Internet 应用上的地位显而易见，一个家庭甚至个人都可以拥有属于自己的网站，而在这其中，个人网站已经日渐普及，而且发展到今天，创建一个能充分体现自我风格和特色的个人网站已经成为互联网用户的新追求。 我所选择的毕业毕业论文设计是个人动态网站设计。我是在崔莎莎老师指导下进行这一毕业设计的 .我的毕业设计是从三月初开始的。通过这一个月多的我的个人动态网站的设计，我学到了很多知识，这也对于我自己来说是 一次很好的实践机会的。这一个月多的对于我的网站设计，我在网上查了很多关于 ASP的书藉。我也重新看了以前我所学的网页制做书藉。 学校之所以给我们这些毕业生按排毕业设计，是为了我们能有机会对于这们这三年的大学学习的总结机会。学校一共给我们这届毕业生按排了五个毕业设计项目。我比较对网站设计感兴趣。这一次的毕业设计对我今后的工作，是一次很好的实践的机会的。在这一个月多的毕业设计过程中我学习了很多以前所学 没接触的知识，也开拓了我的视野。 第一章 绪论 9 / 37 计算机网络作为一种先进的信息传输媒体，其特点就是信息传送速度快、信息覆盖面广而且成本低。因此许多企业都开始利用网站开展商务活动，比如在互联网上发布企业信息、为商品做广告、利用电子邮件进行信息交流等。 个人网站的研究工作 理论研究基础 个人网站是由个别提供的一套集博客、文章、相册、日程、通讯录、链接、调查、留言板等诸多功能于一体的网络平台。个人网站的自由、开放精神，并使之更容易操作，更具个性需求，而不需要高深的技术 3。它可以帮助个人进行全面的信息化，以多种形式达到对信息获取、组织、思考、表达、共享和交流的目的。以个人为中心，建立一个完全数于自己的可定制的个性化网络平台。来自文章的评论，留言板都 可以很好的进行交流，倾听别人的声音。 技术层面的支持 随着互联网的进一步发展与成熟，网络的带宽进一步加阔，10 / 37 网络应用也越来越广泛。网页制作更是日新月异，层出不穷。涌现了很多琳琅满目的网站，使得整个互联网多姿多彩。 在进行动态网页制作的时候，通常都是使用 ASP来完成。由于 ASP使用方便，操作简单，很多网页设计者一直使用 ASP。ASP集成在 HTML和脚本语言中，其工作界面简单，因此， ASP相对于其他网页制作软件来说，易学易用，是网页制作初学者的入门软件。同时配合数据库的操作，使个人网站具有更好的网络平台和交互性。 已经取得的研究成果 中国互联网在近几年发展迅猛。一方面，产生了一批依赖技术领先的互联网公司，取得了成功；另一方面，互联网技术逐渐走向普及，使得行业进入门槛正 在降低 4。目前中国网站总数已经近百万。在这里面出现了大量的个人网站 。并且个人网站存在着巨大的商业价值。如果能以强大的号召力，把互补的个人网站联合起来，不知道可以成立多少个门户网站。我们有理由相信，个人网站还极具潜力。 11 / 37 选题的目的及意义 随着 Internet 的迅速普及，我们已经不再满足于仅仅浏览网页，而是希望更深入地参预到网络中去， Internet 的 开放性使个人建立自己的网站成为可能，拥有自己的网站也越来越成为一种时尚，同时创建一个能充分体现自我风格和特色的个人网站已经成为互联网用户的新追求。 我们更需要交流，相信交流能够促进我们不断的进步，并融合别人的长处；让我们多一些渠道倾听来自不同立场的声音；设想我们的网络，当每个人都拥有个人网页，不管是否在线，我们都可以跨越时间、空间进行交流，因为这个网页中拥有我所有的一切，生活，见解，知识，思想； 理想的状态是个人门户就是每个人的影子，他为每个人打点网络上的一切，很多志同道合的朋友会在这里和你相识相知。 网页的设计是一种审美活动，成功的设计作品一般都很艺术化。但艺术只是设计的手段，而并非设计的任务。设计的任务是要实现设计者的意图，而并非创造美。网页设计是指设计者要表现的主题和实现的功能。个人网站用户界面要好，简明实用，既要有自己的特点又要有接近大众化。主页的设计应以醒目优先，应该令人一目了 然，不堆砌太多不必要的12 / 37 细节，或使画面过于复杂。要做到这一点，首先要在整体上规划好自己网站的主题和内容，确定自己需要传达给访问用户的主要信息，然后仔细斟酌，把自己所有要表达的意念合情合理地组织起来；其次，是设计一个富有个性的页面式样，务求尽善尽美。这样制作出来的主页才会清晰、明了、内容充实。 江西生物科技职业学院计算机科学系 毕业论文 建站规划总结 学 生 梁 源 指导老师 邹 金 萍 专 业 09 计算机应用 学 号 02096101023 江西生物科技职业学院计算机科学系 13 / 37 2016年 12月 网站是政府、企事业单位向用户提供信息的一种方式，是开展网络政务、网络商务的基础设施和信息平台，网站建设的规划、设计是建设成功网站的关键。从网站建设的主题、设计入手、介绍网站建设的实现方法和技巧以及网站的推广。 要求网站规划者熟悉整体情况 ，并确立网站的内容、构造。其次网站制作者将要根据网站的规划书来确定网站的主题、风格、布局、色彩搭配等。一个专业的网站建立在合理的网站规划前提之下，网站规划既有战略性的内容，也包含战术性的内容，网站规划应站在网络营销战略的高度来考虑，战术是为战略服务的。 网站规划是网站建设的基础和指导纲领，决定了一个网站的发展方向，同时对网站推广也具有指导意义。网络规划侧重于网站发布之后的推广和网站建设阶段的问题 ，但网站建设的目的是为了开展网络营销的需要，因此应该用全局的观点来看待网站规划，在网站规划阶段就将计划采用的怎样手段融合进来，而不是等待网站建成之后才考虑怎么去做规划。 14 / 37 网站规划的内容对网络建设具有重要意义，对一个网站进行全面的分析与概要后，对网站的主题、风格、功能、推广等进行更透彻的规划和实现。 【关键词】 网站 规划 设计 分析 1 网站主题 . 1 主题方法 .1 网站名称 .1 网 站 访 问 者 的 定位 .15 / 37 .2 2 设 计 风 格 定位 . 2 如 何 树 立 网 站 风格 .3 3 网 站 功 能 规划 . 4 网 站 技 术 解 决 方案 .4 网站内容规划 .5 16 / 37 网页设计 .5 网站测试 .6 网站维护 .6 网站建设日期 .7 4 定制推广方案 . 7 17 / 37 网站推广计划 .8 网 站 推 广 方 案 的 实施 .9 总结 . 10 参考文献 . 11 1 网站主题 18 / 37 网站主 题的确定是网站建设中极为关键的一步，也是网站建设中首先要考虑的一步。所谓网站的主题就是网站所要表达的主要内容即网站的题材，作为网站设计者，在动手制作之前一定要考虑自己的网站到底要做什么，通过这个网站要表达什么内容，要给网站一个准确的定位，如果内容太过于庞杂，就会失去中心主题而减少对访问者的吸引力。网站的主题可以是丰富多样的，可以把我们日常生活、工作、学习的方方面面作为主题建立到网站中来。 主题 方法 既然有这么多的主题题材可供选择，如何选择自己的网站主题呢？一般要注意以下几点： 1.主题要小而精 定位要小，内容要精。如果你想制作一个包罗万象的站点，把所有你认为精 彩的东西都放在上面，那么往往会事与愿违，给人的感觉是没有主题，没有特色，样样有，却样样都很肤浅，因为你不可能有那么多的精力去维护它。网站的最大特点就是新和快，目前最热门的个人主页都是天天更新甚至几小时更新一次。最新的调查结果也显示，网络上的 主19 / 37 题站 比 万全站 更受人们喜爱，就好比专卖店和百货商店，如果我需要买某一方面的东西，肯定会选择专买店。 2.题材最好是你自己擅长或者喜爱的内容 比如：你擅长编程，就可以建立一个编程爱好者网站；对足球感兴趣，可以报道最新的战况，球星动态等。这样在制作时，才不会觉得无聊或者力不从心。兴趣是制作网站的动力，没有热情，很难设计制作出优秀的网站。 3.题材不要太滥或者目标太高 太滥 是指到处可见，人人都有的题材；比如软件下载，免费信息。 目标太高 是指在这一题材上已经有非常优秀，知名度很高的站点，你要超过它是很困难的。如果题材已经确定以后，就可以围绕题材给网站起一个名字。网站名称，也是网站设计的一部分，而且是很关键的一个要素。你来看，电脑学习室 和 电脑之家 显然是后者简练； 迷笛乐园 和MIDI 乐园 显然是后者明晰； 儿童天地 和 中国幼儿园 显然是后者大气。我们都知道 PIII 的中文名称 奔腾 ，如果改为 奔跑 ，可能就没有今 天这么 火 了。和现实生活中一样，网站名称是否正气，响亮，易记，对网站的形象和宣20 / 37 传推广也有很大影响。 网站名称 有了好的网站主题还要给网站起一个响亮的名字，一个好的名称是面向外界的 “ 小主题 ” 当然，网站的名称要与你的主题相关联，最好能在一定程度上体现你的文化品味，这样的名 称就会在以后的站点推广和网站形象上提供便利。一般情况下网站名称的选择要遵循以下的原则： 1.名称要正 其实就是要合法，和理，和情。不能用反动的，色情的，迷信的，危害社会安全的名词语句。 2.名称要易记 名称尽量短小容易记忆，不宜太长。另外，网站名称的字数应该控制在六个字以内，四个字的也可以用成语。字数少还有个好处，适合于其他站点的链接排版。像 “ 网易 ” 和 “ 搜21 / 37 狐 ” 名称都很精练易记。 3.名称要有特色 名称平实就可以接受，如果能体现一定的内涵，给浏览者更多的视觉冲击和空间想象力，则为上品。例如：音乐前卫，网页陶吧， e 书时空等。在体现出网站主题的同时，能点出特色之处。 网站访问者的定位 我们做网站也要知道什么样的网友访问我们的网站，这是在建站初期必须要考虑的问题，网站的主题、内容和栏目策划都要考虑到你所定位的访问者的浏览习惯和喜好。比如你要做个少儿类的网站，访问者大多就会是 310 岁的儿童群体，我们就可以根据他们的特点来设置内容和栏目。这会影响你定位主题的方向。还有上网的人中以年轻人居多 ,就像 “ 落伍者 ” 的站长定位网 站域名 “” 一样 ,定义在 286 这个数字上 ,因为 286 计算机代表落伍 ,符合年轻人的反叛意识 ,虽然不是什么特别好的域名 ,但是效果却很好。所以要预测到你的网站的访问者究竟是谁 ,这样容易捕捉到浏览者。 22 / 37 2 设计风格定位 “ 风格 ” 是抽象的，是指站点的整体形象给浏览者的综合感受。这个 “ 整体形象 ” 包 括站点的 CI、版面布局、浏览方式、交互性、文字、语气、内容价值等等诸多因素，网站可以是平易近人的、生动活泼的也可以是专业严肃的。不管是色彩、技术、文字、布局，还是交互方式，只要你能由此让浏览者明确分辨出这是你网站独有的，这就形成了网站的 “ 风格 ” 。 风格是有人性的，通过网站的色彩、技术、文字、布局、交互方式可以概括出一个站点的个性：是粗犷豪放的，还是清新秀丽的；是温文儒雅的，还是执著热情的；是活泼 易变的，还是墨守成规的。 总之，有风格的网站与普通网站的区别在于：在普通网站上你看到的只是堆砌在一起的信息，你只能用理性的感受来描述，比如信息量多少，浏览速度快慢等；在有风格的网站上你可以获得除内容之外的更感性的认识，比如站点的品位，对浏览者的态度等。 在明确自己想给人以怎样的印象后 ，要找出网站中最有特色23 / 37 的东西，就是最能体现网站 职称论文发表 学位论文发表 期刊征稿启事 论文写作技巧 论文发表服务 【已验证】 20个免费论文下载入口！含免费知网、万方、维普帐号！ 分享到： 34 有句老话说当你失去的时候才知道去珍惜，当年学校局域网的电子图书馆 -中国知识资源总库、维普、万方等免费数据库就摆在面前，但是论 文却没下两篇；现在上班了，无论在单位还是在家，想再进这些数据库查论文就太不容易了。难道真的要缴纳昂贵的费用去下载论文 ?抱着对免费资源的无比渴望，我熬了一个通宵整理了下面这些免费下载论文全文或者免费论文数据库帐号密码的途径和方法，大家用了好，记得给点掌声！ 推荐大家可以将本文和本网网站加到各收藏夹或者各种博客和网站，方便记忆。每次需要免费下载论文帐号，可以登录这个免费帐号网站进行查看最新帐号信息 。备注：由于免24 / 37 费资源公布后容易失效，我将在下面网址不定期更新帐号信息：免费论文下载 http:/ 各类知网万方 维普帐号失效较快，请大家自用，不要到处宣传。 推荐：如果有撰写职称论文并想发表论文的朋友可以通过 QQ联系我们。联系方式见首页 http:/右侧 免费知网、万方、维普论文数据库帐号密码 免费国外论文下载资源 入口地址： 帐号 密码 http:/pqdweb?RQT=341 proquestpe education https:/login jmittica Greenland 注：学术会议，国内外都有，要发论文的可以关注！ / 25 / 37 SCI论文检索！ .cn/zwqk/ Internet 免费全文科技期刊 ! http:/lists/ HighWire Press 由斯坦福大学 HighWire 出版社提供，是世界最大的科学免费期刊库，目前可以提供免费全文期刊 1000余种 ,100万多篇免费全文。 /retype/zoom/507ec8d684254b35eefd3472?pn=4&x=0&y=23&raww=20&rawh=15&o=png_6_0_0_179_951_22_17_&type=pic&aimh=15&md5sum=d4953a09bcd9f6603b7f3d4697db9ae4&sign=ce3b71365f&zoom=&png=70174-&jpg=187987- target=_blank点此查看 /retype/zoom/507ec8d684254b35eefd3472?pn=4&x=0&y=43&raww=20&rawh=15&o=png_6_0_0_474_1007_23_17_&type=pic&aimh=15&md5sum=d4953a09bcd9f6603b7f3d4697db9ae4&sign=ce3b71365f&zoom=&png=70174-&jpg=187987- target=_blank点此查看 根据英国专业论文写作机构 留学论文宝的分析总结，每26 / 37 年 9,10 月是收获时节，面临着毕业的英国留学生，最头痛的一件事情就是 dissertation 写作。在动笔之前，你需要清楚的定位你的毕业论文属于哪种类型 : Theoretical OR Empirical；当然，在英国，大多数学生会以 empirically focused dissertation 为主来写作：即建立在理论基础上，然后再结合实际调查得出新的结论。以下是由留学论文宝服务老师针对大多数学生都会用的 empirically focused dissertation 结构进行总结： : 标题是你的毕业论文内容的总概括，通过 title就可大概知道你的论文方向。 : 目录部份，说明你的文章结构分部及对应页码。 summary: 为概要内容，一般控制在 200字左右最好。 ：引言 字数在 300-500字左右，占整篇文章内容比例 5%。说明整篇文章的核心内容，方向定位最重要的一部分，此处可以提出文章调查的 question。 27 / 37 background：文章的背景描述， 200-400 字左右 5%的总文章占比。 Review: 3000 字左右， 40%占比幅度，这里面，这部份主要展开前人如何做 research 的，可以把握某一个领域或研究方向，当中可以引用 2-3 个和你文章类似的 research,并作辩证。 : 1500字左右 10%的整篇文章的占比 .讲的是文章的研究方法，主要是 看你选择 quantitative 的还是用qualitative 的方法，重点是你能论述得有道理，并有客观而公正的结果。 : 4000 字左右 ,占整篇文章比例为 25%.主要是论述research 有什么发现？这个发现是否有所补充还是仅仅只是一个新的发现？ ： 500 字左右。这部份是总结你的论文，文章占比10%。 ： 300字左右， 5%，文章中，建议的内容即：文章中一些 research 以后可以朝哪个方向发展，切勿提出新的从28 / 37 未在文章讨论的观点。 ：参考文献部份。即你文章里面用到的任何资料都要备注清楚。这点对于新生特别需要注意的。 如果你正在为 dissertation 而烦恼，也不知道现在自己写的文章是不是更加符合毕业论文的规范要求，那么，上面的几点就可以给到你最好的参考，如果有对 任何文书的指导需求都可以免费咨询留学论文宝的在线顾问。 基于 CSS_DIV的盒子模型合理使用 XXX 天津市大学软件学院 摘 要盒子模型是 CSS 技术中一个非常重要的概念。掌握盒子模型的原理和使用方法可以极大地丰富 HTML 元素的表现效果同时对 HTML 文档的布局也会起到很大的作用。本文深入介绍了 CSS盒子模型的结构及在网页制作中的应用。 29 / 37 关键词盒子模型； HTML 布局； DIV+CSS Based on the rational use of CSS_DIV box model XXX Tianjin university software institute AbstractPick to box model is a very important concept in the CSS technology. To master the principle and using method of the box model can greatly enrich the HTML element performance effect. At the same time for the layout of the HTML document will also play a big role. This paper introduces the CSS deeply box model structure and its application in web production. Key wordsbox model; HTML layout; DIV+CSS 盒模型简介 盒子模型是 CSS控制页面时的一个很重要概念，所有页面中的元素都可以看成是一个盒子，传统的表格排版是通过大小不一样的表格和表格嵌套来排版网页内容的，改用 CSS后，30 / 37 就是通过 CSS定义大小不一的盒子和盒子嵌套来编排网页。这种方式代码简洁，更新方便，能兼容更多的浏览器。盒子里的东西到盒子边框的距离我们称之为填 充，盒子本身的边框为 border，盒子本身的边框为 border，盒子外边框外和其他盒子之间的边界 margin。如图 1 所示： 图 1 CSS盒子模型 2.常用的 CSS布局属性 内容区 (content) 内容区是盒子模型的 中心，它呈现了盒子的主要信息内容。这些内容可以是文本、图片等多种类型。内容区有三个属性wi dt h、 hei g ht和 ov er f l ow。使用 wi dt h 和 hei ght 属性可以指定盒子内容区的高度和宽度，当内容信息太多，超出内容区所占范围时，可以使用 overflow 溢出属性来指定处理方法当 overflow属性值为 hi dden时 ,溢出部分将不可见；为 visible时， 溢出的内容信息可见。当为 auto时，将由浏 览器决定如何处理溢出部分。填充 ( padding) 填充是内容区和边框之间的空间。填充的属性有五种，即31 / 37 padding-top 、 padding bottom 、 padding-left 、padding-right 以及综合了以上四种方向的快捷填充属性padding。 边框 (border) 边框是环绕内容区和填充的边界。边框的属性有 border -style、 border -width 和 border -color 以及综合了以上三 类属性的快捷边框属性 border。 border -style 属性是边框最重要的属性。如果没有指定边框样式，其他的边框属性都会被忽略。边框将不存在。 CSS 规定了 dotted( 点线 )、dashed(虚线 )、 solid( 实线 )等九种边框样式。使用 border -width 属性可以指定边框的宽度 ,其属性值可以是长度计量值，也 可以是 CSS规定的 t hi n、 medium和 thick。使用 border -co l or属性可以为边框指定相应的颜色，其属性值可以是 RGB值，也可以是 CSS 规定的 17 个颜色名。在设定以上三种边框属性时，既可以进行边框四个方向整体的快捷设置，也可以进行四个方向的专向设 置，如 border： 2px solid-green或 border top style： solid、 border left color：red等 。设置盒子背景色属性时，在 IE中背景不会 延伸到边框区域，但在 FF等标准浏览中， 背景颜色可以延伸到边框区域，特别是单边 框设置为 点线或虚线时能看到效果。 32 / 37 空白边的长宽，连同此元素的外边距，内边距，以及边框都计算在内。我们可以通过声明宽和高来定义一个元素的内容的宽度和高度。如果没有做任何的声明，宽度和高度的默认值将是自动对于盒子模型的图 2示如下： 图 2 当我们在 css 中设计一个块级元素的 width 和 height 属性时比如 .boxwidth ： 100px; height:100px时，其中的 width 和 height 仅仅是对 content 部分设置的，即定义上图中padding下虚线方框内区域的长和宽。而不是内容，内边距，边框的总和。 对宽度为自动状态的静态定位元素，和相对定位 元素来说 ，计算宽度的方法是，将他们包含块的宽度减去此元素的横向的所有外边距，内边距，边框，滚动条。也就是说，从包含块的宽度中除去元素的横向外边距，内边距，边框，滚动条的宽度，所剩的值就是了。我觉得我在这里有必要总结一下前两段话的意思，前两段话都是在说在宽度缺省的情况下，盒子模型自动设置宽度的两种方式。 33 / 37 我们知道，当我们放置一个块级元素于页面上时，并且不设置它的定位属性，即 position:static， 或者设置了position:relative 的情况下，块的宽度是延伸自动填充满它的父元素的宽度区域 举个例子： 以下为引用的内容： .box1 background:black; color:White; height:100px; padding:10px; border:20px solidRed; margin:30px; 注意 .box1没有设置任何的 position属性，也没有宽度属性。这是为了实验相对定位或者无定位的情况 Html代码： 以下为引用的内容： Static or Relative Box For floated or absolutely positioned 结果如图 3 所示： 34 / 37 图 3 所以当我们在计算一个被包裹中的元素的宽度时，我们只需要用父元素减去这个元素的外