鸭绒
鸭绒

CSS 嵌套块元素垂直外边距的塌陷解决方案

文章目录

        • 1. 什么是嵌套块元素垂直外边距的塌陷？
        • 2. 解决方案

1. 什么是嵌套块元素垂直外边距的塌陷？

对于两个嵌套关系(父子关系)的块元素，父元素有上外边距同时子元素也有上外边距，此时父元素会塌陷相对较大的外边距值，而子元素没有实现上外边距效果。

1.在只给父元素加上上外边距时能正常：


<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>插件title>
  head>
  <style>
  .father{
    height:200px;
    width:200px;
    background-color:pink;
  }
  .father .son{
    height:100px;
    width:100px;
    background-color: yellow;
  }
  style>
 <div class="father">
   <div class="son">div>
 div>
  body>
html>

CSS 嵌套块元素垂直外边距的塌陷解决方案_第1张图片
2.当给子元素也添加一个比父元素小的上外边距时：(margin-top:10px)
CSS 嵌套块元素垂直外边距的塌陷解决方案_第2张图片
3.但当子元素的上外边距大于父元素的上外边距呢？

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>插件</title>
  </head>
  <style>
    *{
      margin:0px;
      padding:0px;
    }
  .father{
    height:200px;
    width:200px;
    background-color:pink;
    margin-top: 20px;
  }
  .father .son{
    height:100px;
    width:100px;
    background-color: yellow;
    margin-top:40px;
  }
  </style>
 <div class="father">
   <div class="son"></div>
 </div>
  </body>
</html>

CSS 嵌套块元素垂直外边距的塌陷解决方案_第3张图片
这就是我们所说的嵌套垂直外边距的塌陷问题。

2. 解决方案

五种种解决方案：

  • 可以为父元素定义边框
  • 可以为父元素定义内边距
  • 可以为父元素添加overflow:hidden
  • 给父或子元素添加固定
  • 给父或子元素用绝对定位

第一种方案：


<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>插件title>
  head>
  <style>
    *{
      margin:0px;
      padding:0px;
    }
  .father{
    height:200px;
    width:200px;
    background-color:pink;
    margin-top: 20px;
    border:1px solid transparent;
  }
  .father .son{
    height:100px;
    width:100px;
    background-color: yellow;
    margin-top:50px;
  }
  style>
 <div class="father">
   <div class="son">div>
 div>
  body>
html>

CSS 嵌套块元素垂直外边距的塌陷解决方案_第4张图片
第二种方案：


<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>插件title>
  head>
  <style>
    *{
      margin:0px;
      padding:0px;
    }
  .father{
    height:200px;
    width:200px;
    background-color:pink;
    margin-top: 20px;
    padding:1px;
  }
  .father .son{
    height:100px;
    width:100px;
    background-color: yellow;
    margin-top:50px;
  }
  style>
 <div class="father">
   <div class="son">div>
 div>
  body>
html>

第三种方案：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>插件</title>
  </head>
  <style>
    *{
      margin:0px;
      padding:0px;
    }
  .father{
    height:200px;
    width:200px;
    background-color:pink;
    margin-top: 20px;
    overflow: hidden;
  }
  .father .son{
    height:100px;
    width:100px;
    background-color: yellow;
    margin-top:50px;
  }
  </style>
 <div class="father">
   <div class="son"></div>
 </div>
  </body>
</html>

CSS 嵌套块元素垂直外边距的塌陷解决方案_第5张图片

第四种方案：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>插件</title>
  </head>
  <style>
    *{
      margin:0px;
      padding:0px;
    }
  .father{
    height:200px;
    width:200px;
    background-color:pink;
    margin-top: 20px;
    position:fixed;
  }
  .father .son{
    height:100px;
    width:100px;
    background-color: yellow;
    margin-top:50px;
  }
  </style>
 <div class="father">
   <div class="son"></div>
 </div>
  </body>
</html>

CSS 嵌套块元素垂直外边距的塌陷解决方案_第6张图片
第五种方案：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>插件</title>
  </head>
  <style>
    *{
      margin:0px;
      padding:0px;
    }
  .father{
    height:200px;
    width:200px;
    background-color:pink;
    margin-top: 20px;
    position:absolute;
  }
  .father .son{
    height:100px;
    width:100px;
    background-color: yellow;
    margin-top:50px;
  }
  </style>
 <div class="father">
   <div class="son"></div>
 </div>
  </body>
</html>

CSS 嵌套块元素垂直外边距的塌陷解决方案_第7张图片
缺点：

  • 第一种、第二种：影响了容器的大小
  • 第三种：当子元素上外边距移动过大，子容器会被隐藏，但通常这是合理的，很少情况会让子元素显式地超出父元素

你可能感兴趣的:(布局效果)

  • vue-router和锚点冲突问题 TaoLandd
    传统的锚点定位会与vue-router中的路由设置存在冲突，都是使用'#'进行的，所以这里使用一直方法来模拟锚点跳转，并使用tween.js达到动态的过度效果不使用原生锚点，使用这种方式解决import'../static/js/animation.js'import'../static/js/tween.js'xxxxmethods:{anchor:function(e){letid='anch
  • 【React Native】模态页Modal 秀秀_heo 跨端开发reactnativereact.jsjavascript
    模态页Modalapp/_layout.jsexportdefaultfunctionLayout(){return(//...{/*Modal*/},}}/>//...);}然后正常跳转就可以实现模态的效果了：exportdefaultfunctionIndex(){return(//...打开教师页（Modal）);}默认跳转后没有关闭按钮，我们可以自定义一个：import{Link,Stac
  • 《自我放松训练》读书笔记 dear心理咨询师黄倩雯
    重复背诵一些有自己编排的指令，比如我的双臂在发热或者我的身体在变得越来越轻松，直到自己感觉到由该指令说描述的效果正在身体上出现，这类似于臆想和幻觉的演习，属于潜意识领域的内容。首先设想一个舒适的身体姿势，不要自己支撑着身体。松开身上的衣物首饰其实置身于安静舒适的环境中当发出指令时，要积极的为体察自己的感觉做好准备。发指令是这平时的深呼吸动作。做完一段动作是做些恢复身体灵敏动作。最后，积极的建议结束
  • 直播声卡什么牌子的音质比较好,2022 年直播声卡推荐选购指南 测评君高省
    直播声卡和平时我们用的声卡有什么区别吗？大家要注意哈，直播用的声卡，和我们平时电脑自带的声卡、专业录音声卡是有区别的。直播声卡的功能更偏向于娱乐，有较多的特效，比如混音、降噪、闪避、哄笑、变声等特效，对说话的声音也有一定的美化效果。录音真卡则更偏向于专业录音，着重对音质的表现，而直播所需要的特效，则是没有的（不过，专业录音声卡通过后期安装机架，也可以实现直播功能）。怎么选择直播声卡呢？哪些直播声卡
  • C++ 固有的不可移植特性
      为了支持底层编程，C++定义了一些固有的不可移植的特性，即因机器而异的特性，当将含有不可移植特性的程序从一台机器转移到另一台机器上时，通常需要重新编写该程序。1位域  类可以将其非静态数据成员定义成位域，在一个位域中含有一定数量的二进制位。当一个程序需要向其他程序或硬件设备传递二进制数据时，通常会用到位域。位域在内存中的布局是与机器相关的且位域的类型必须是整型或枚举类型。typedefunsi
  • 【人脸识别】FROM：提升遮挡状态下的人脸识别效果 姚路遥遥 人脸识别深度学习计算机视觉人工智能遮挡人脸识别损失
    论文题目：《End2EndOccludedFaceRecognitionbyMaskingCorruptedFeatures》论文地址：https://arxiv.org/pdf/2108.09468v3.pdf代码地址：https://github.com/haibo-qiu/from1.前言人脸识别技术已经取得了显著的进展，主要归功于以下三个因素:lossfunctions:Centerlos
  • 晨语问安2022年3月5日 求索大伟
    『晨语问安3.5』干活，人类赖以生存的底子，也是成就伟业的根本，开创美好明天的基石。俗话说：锯响就有沫，只要去干就能够取得效果，但是干，也有积极和消极之分，也有主动与被动之别，最终取得的效果也有大小之差，很多时候看似差之毫厘，可能结果天壤之别。干与不干、真干与假干的结果迥然不同，同样是真干，积极主动真干和消极被动真干的效果也不一样，且是时间越久差距越大。同样的工作相同的事情，如果积极主动真干取得的
  • hamburger-react项目安装与使用指南 毕腾鉴Goddard
    hamburger-react项目安装与使用指南项目简介本指南旨在帮助开发者了解并快速上手hamburger-react项目。该项目托管在GitHub上，可通过此链接访问。它是一个基于React的组件库，专注于实现汉堡菜单效果，为Web应用提供简洁易用的导航解决方案。1.项目目录结构及介绍hamburger-react/│├──public/-包含index.html以及可能的静态资源，如图标或初
  • vue中is属性搭配vuedraggable插件实现可拖动可视化大屏展示组件的自定义配置功能 吃西瓜不吐籽_ vue.js前端javascript
    最近有这样一个需求，将大屏上展示的东西都封装成独立的组件让用户自己可以自定义配置自己的组件位置及想要展示的组件，第一个我就想到通过is来实现，分享下我的思路及部分代码供大家参考。先看下大概布局：如图通过上方的组件拖拽的配置卡片来进行动态渲染组件，拖拽用了draggable插件，这样拖拽后直接传数据即可首先先看拖动卡片的部分代码（切换多个个性布局及如何默认展示，是否有配置过布局没有则怎么展示这些逻辑
  • 《掌控》的运用让我三个月瘦了5斤 LexiCai蔡
    樊登老师瘦身成功，并爱上了跑步，因此在最近的一期讲书时请来了他的教练，也就是这本书的作者张展晖，他们一起探讨了如何通过跑步瘦身进行精力管理，从而实现对自己人生的掌控看到樊登老师的变化后，更加大了这本书能够帮助大家健康瘦身成功的可信性，最近坚持健身效果不错，结合了这本书后，开启了全方位的打造自己，如果你有以下问题，可以参考一下这本书1.跑一下就气喘吁吁，坚持不下去了，找不到一个合适的速度2.长时间的
  • AI 人工智能与 Copilot 的融合发展策略 AI天才研究院 AI人工智能与大数据人工智能copilotai
    AI人工智能与Copilot的融合发展策略关键词：人工智能、Copilot、代码生成、人机协作、机器学习、自然语言处理、软件开发摘要：本文探讨了人工智能与Copilot技术的融合发展策略。我们将从技术原理、实现方法、应用场景等多个维度深入分析，提出一套完整的融合框架和发展路径。文章首先介绍背景和核心概念，然后详细讲解关键技术，包括自然语言处理、代码生成算法等，接着通过实际案例展示应用效果，最后讨论
  • 表态发言 可爱婷好
    何烊：.严格要求自己，强化教研，提高课堂效果黄磊：对领导，各科老师的肯定，英语老师课间抽几个学生进行指导，共同努力的结果。王康：讲故事，向敬佩的班主任学习脚踏实地，做好自己的事情，对学生真心负出，与学生关系好，创造一个舒适的学习环境，饭要一口一口的吃，事要一件一件的做，路要一步一步的走，踏实平稳地坚持下去，成功的把握好每"一步"的大小是成功的关键。李亦非：慈善之心太强赵件兵：对学生估计过高，重落实
  • Linux 系统进阶操作实践：目录管理与系统信息查看指南 小任今晚几点睡 RHCSAlinux网络运维
    文章摘要本文详细记录了Linux系统中通过Xshell远程管理的核心操作，包括系统信息查询、复杂目录结构创建与树形展示、多级目录快速生成、文件创建与删除、大文件制作等实践步骤。通过命令示例与输出解析，清晰呈现每一步操作的逻辑与效果，帮助读者掌握目录管理、系统信息查看及文件操作的实用技巧，适合Linux实操学习者参考。一、通过Xshell远程登录及系统信息查询使用Xshell通过root账户登录Li
  • 【C# in .NET】2. 探秘数据类型：构建程序的基石 阿蒙Armon C#in.NETc#.netjava
    探秘数据类型：构建程序的基石在C#编程中，数据类型是构建程序的基石。无论是简单的整数计算还是复杂的对象交互，都离不开对数据类型的精准运用。然而，大多数开发者对数据类型的理解往往停留在表面语法层面，忽视了其在.NET框架底层的运行机制。本文将从CLR（公共语言运行时）的视角，深入剖析C#数据类型的本质、内存布局与核心机制，带你看透数据类型背后的底层逻辑。一、数据类型的本质：CLR类型系统的双轨制.N
  • 2021-09-28 晨读睡着了 苏家有东坡
    周二早上语文晨读，今天的天气不好，又淅淅沥沥的下起了小雨，晴不知夏去，一雨知秋来。天气也变得凉爽起来，7点30上晨读，我一般是20就到教室了，赶紧让孩子们把昨天讲的课外古诗歌背个十分钟，然后就让他们做了一小份试题。读写结合，效果不错。在转班的过程中，我发现有一个孩子在那打瞌睡，眼睛眯了起来，手里还握着笔，样子让人看着十分的难受，我走到他座位前，他还是没有发现，一把扭起耳朵，把他提溜起来，“同学们都
  • 《神奇的四道题》 春暖花开zc
    焦点讲师四期翟冲【原创】分享第608天2018.09.03开学了一两天，迫不及待的使用一下自己的所学，看看效果如何。报道那天，班内一个喜欢咋咋呼呼的女孩子，又在我行我素的咋咋呼呼。关于这点，去年也吵过几次，谈过几次话，效果都不明显。有效继续无效改变。我决定试试新的招数。我们在听路淼导师的课时，他提到让孩子回答四道题的方法，我决定试试。下课把同学叫到办公室，先让她坐下来。闲聊几句，让她放弃戒心。然后
  • 常用的折叠展开过渡动画效果css
    如何实现优雅的折叠展开动画效果在现代Web设计中，折叠展开动画是一种常见且实用的交互方式，它可以帮助用户在保持界面简洁的同时，灵活控制内容的显示与隐藏。本文将分享如何使用HTML、CSS和JavaScript实现一个平滑流畅的折叠展开动画效果。基本原理折叠展开动画的核心原理是通过CSS过渡(transition)来控制元素的高度、内边距和其他样式属性的变化。当用户点击触发按钮时，JavaScrip
  • Flink双流实时对账
    在电商、金融、银行、支付等涉及到金钱相关的领域，为了安全起见，一般都有对账的需求。比如，对于订单支付事件，用户通过某宝付款，虽然用户支付成功，但是用户支付完成后并不算成功，我们得确认平台账户上是否到账了。针对上述的场景，我们可以采用批处理，或离线计算等技术手段，通过定时任务，每天结束后，扫描数据库中的数据，核对当天的支付数据和交易数据，进行对账。想要达到实时对账的效果，比如有的用户支付成功但是并没
  • 2022-12-29 聆听美好世界
    由于导致耳鸣的原因很多，而且大部分耳鸣发生的机制医学界目前为止尚未研究清楚，导致目前耳鸣医治的效果不理想。耳鸣困扰着越来越多的患者，同样它也困扰着许多医生。导致一部分医生甚至认为耳鸣无法医治，这也必将导致患者对自己所患耳鸣的医治失去了信心。
  • 介绍几个时尚又百搭的韩国平价小众瑜伽服设计师品牌 爱打呼噜的麻薯君
    运动前得选一套舒适好看的瑜伽服做战衣！耳熟能详的大牌们…好是好，价格太贵了吧！别担心！看这里～麻薯君特地整理满满的干货给你们哟！1.xexymix关键词：小清新+时尚感+超强功能性适用年龄：20-30岁女性被代购到爆的瑜伽品牌，在经济状态极其不景气的去年居然在韩国首尔的弘大开起了线下店ShowRoom。品牌的用色和设计都特别符合年轻人的审美。关键是上身效果（美观度和舒适度）都堪称完美。价格方面也不
  • 推荐算法召回：架构理解 Jay Kay c++推荐算法推荐算法架构算法
    一、召回服务的定位与挑战召回层是推荐系统的第一道漏斗，负责从亿级候选集中筛选出千级别的相关项，其效果直接决定推荐效果的天花板。核心挑战包括：低延迟约束：需在50ms内完成海量候选检索；高召回率要求：98%的召回率需覆盖用户多样化兴趣；数据漂移应对：实时用户行为分布变化需动态适应；误杀控制：避免优质内容被过度过滤引发用户投诉。⚙️二、召回服务核心架构1.多路召回并行召回策略实现方式适用场景规则召回基
  • AI产品经理面试宝典第30天：AI+教育个性化学习与知识图谱相关面试题的解答指导 TGITCIC AI产品经理一线大厂面试题人工智能产品经理AI产品经理面试大模型产品经理面试AI面试大模型面试
    自适应学习系统如何实现千人千面？面试官：请用产品视角解释AI自适应学习系统的核心逻辑你的回答：自适应学习系统本质是构建"数据-模型-决策"的闭环。以沪江Hitalk为例，其通过12级能力评估体系采集学员的听、说、读、写数据，利用知识图谱建立知识点关联网络。当学员完成"实景演练-诊断反馈-学习包推送"的完整链路时，系统会动态调整知识图谱权重，形成个性化学习路径。面试官追问：如何验证个性化效果？回答：
  • 初次见面很重要，用好这些技巧，给别人留下好印象！ 80后的满
    大家好，我是80后的大满！相信每一个走上管理岗位的人都会紧张，怎么和同事搞好关系、怎么给新同事留下好的印象、怎么能无缝开展工作等等。为此还会专门请教别人，得到一些指导，有的有效果，有的则起到不好的效果。在这里就会涉及到心理方面的一个课题；“你认为的不一定是别认为的”。为什么大部分人在初次见到陌生人会不手足无措，不敢表现自己，怕出现失误给别人留下不好的印象，而再和熟悉的朋友时候就会口若悬河，尽情的释
  • 《流量池》读书笔记2-品牌是最稳定的流量池A 萌梦萌萌
    在互联网已规模化的时代，传统主流媒体的品牌营销应结合精准导向的效果营销。让用户在接收到广告时，增加了一个闭环型动作—不仅能看到，还能立即在手机端点击购买，实现流量的即刻转化。品牌广告要增加购买变现的动作，要追求效果，而不能只以纯品牌为借口，不注重转化。从流量池的角度看，品牌不仅是心智占有和信任背书，而且品牌本身恰恰是巨大的流量池，通过关注和“粉丝”，获取源源不断的流量，也就是品牌即流量。让定位更有
  • 封装---统一处理接口与打印错误信息 寻觅~流光 封装工具前端javascript开发语言typescript
    一.简介我在重构代码时突然想到一个想法并实现出来:封装一个统一处理接口与打印错误信息,控制显示错误信息在控制台,接口请求时loading效果展示等等这个只是个人想法,而且比较简略,不太清楚实际工作是否这样写,但是我认为只要有这个想法就要去实现,总比没实现好,欢迎大家的建议与指导介绍我在项目中如何封装一个统一的API请求函数，解决每个接口都要写try...catch的繁琐问题，并实现自动错误日志、t
  • 禁止拖动视频进度条来保障视频安全？ 菜包eo 教育视频polyv视频安全音视频安全
    文章目录前言一、何为禁止拖动视频进度条？二、禁止拖动视频进度条的实现原理三、如何实现禁止拖动视频进度条总结前言在知识付费与企业培训场景中，视频内容安全是核心诉求。学员随意拖动进度条可能导致关键知识点遗漏，甚至助长盗录行为。本文深入解析HTML5播放器禁止拖拽进度条的技术方案，通过精准控制播放行为保障学习效果与内容安全。以企业培训、在线教育为例，探讨如何借助技术手段平衡用户体验与内容防护，为开发者提
  • 发票合并工具 小朋的软件园 前端javascriptjavahtml服务器
    "发票合并工具"是一款专为高效整理票据设计的实用工具，支持将来自不同渠道的发票文件（如PDF文档、各类图片格式）快速整合为排版规范的PDF文件，尤其适用于财务报销场景下的批量票据处理需求。核心功能亮点多格式兼容：无缝导入PDF文件及常见图片格式（.png/.jpg/.jpeg/.bmp），适配多来源发票整合需求。智能布局配置：提供灵活的页面布局选项（每页2/3/4张发票），其中"2合1"模式针对报
  • 精通Canvas：15款时钟特效代码实现指南 烟幕缭绕
    本文还有配套的精品资源，点击获取简介：HTML5的Canvas是一个用于绘制矢量图形的API，通过JavaScript实现动态效果。本项目集合了15种不同的时钟特效代码，帮助开发者通过学习绘制圆形、线条、时间更新、旋转、颜色样式设置及动画效果等概念，深化对Canvas的理解和应用。项目中的CSS文件负责时钟的样式设定，而JS文件则包含实现各种特效的逻辑，通过不同的函数或类处理时间更新和动画绘制，提
  • Android 开源组件和第三方库汇总 gyyzzr AndroidAndroid开源框架
    转载1、github排名https://github.com/trending,github搜索：https://github.com/search2、https://github.com/wasabeef/awesome-android-ui目录UIUI卫星菜单节选器下拉刷新模糊效果HUD与Toast进度条UI其它动画网络相关响应式编程地图数据库图像浏览及处理视频音频处理测试及调试动态更新热更新
  • Python流星雨 Want595 python开发语言
    文章目录系列文章写在前面技术需求完整代码代码分析1.模块导入2.画布设置3.画笔设置4.颜色列表5.流星类(Star)6.流星对象创建7.主循环8.流星运动逻辑9.视觉效果10.总结写在后面系列文章序号直达链接表白系列1Python制作一个无法拒绝的表白界面2Python满屏飘字表白代码3Python无限弹窗满屏表白代码4Python李峋同款可写字版跳动的爱心5Python流星雨代码6Python
  • java工厂模式 3213213333332132 java抽象工厂
    工厂模式有 1、工厂方法 2、抽象工厂方法。 下面我的实现是抽象工厂方法, 给所有具体的产品类定一个通用的接口。 package 工厂模式; /** * 航天飞行接口 * * @Description * @author FuJianyong * 2015-7-14下午02:42:05 */ public interface SpaceF
  • nginx频率限制+python测试 ronin47 nginx 频率 python
           部分内容参考：http://www.abc3210.com/2013/web_04/82.shtml 首先说一下遇到这个问题是因为网站被攻击，阿里云报警，想到要限制一下访问频率，而不是限制ip（限制ip的方案稍后给出）。nginx连接资源被吃空返回状态码是502，添加本方案限制后返回599，与正常状态码区别开。步骤如下：
  • java线程和线程池的使用 dyy_gusi ThreadPoolthreadRunnabletimer
    java线程和线程池 一、创建多线程的方式     java多线程很常见，如何使用多线程，如何创建线程，java中有两种方式，第一种是让自己的类实现Runnable接口，第二种是让自己的类继承Thread类。其实Thread类自己也是实现了Runnable接口。具体使用实例如下： 1、通过实现Runnable接口方式 1 2
  • Linux 171815164 linux
    ubuntu kernel http://kernel.ubuntu.com/~kernel-ppa/mainline/v4.1.2-unstable/ 安卓sdk代理 mirrors.neusoft.edu.cn        80 输入法和jdk sudo apt-get install fcitx su
  • Tomcat JDBC Connection Pool g21121 Connection
           Tomcat7 抛弃了以往的DBCP 采用了新的Tomcat Jdbc Pool 作为数据库连接组件，事实上DBCP已经被Hibernate 所抛弃，因为他存在很多问题，诸如：更新缓慢，bug较多，编译问题，代码复杂等等。        Tomcat Jdbc P
  • 敲代码的一点想法 永夜-极光 java随笔感想
                  入门学习java编程已经半年了,一路敲代码下来,现在也才1w+行代码量,也就菜鸟水准吧,但是在整个学习过程中,我一直在想,为什么很多培训老师,网上的文章都是要我们背一些代码?比如学习Arraylist的时候,教师就让我们先参考源代码写一遍,然
  • jvm指令集 程序员是怎么炼成的 jvm 指令集
    转自：http://blog.csdn.net/hudashi/article/details/7062675#comments       将值推送至栈顶时 const ldc  push   load指令 const系列 该系列命令主要负责把简单的数值类型送到栈顶。(从常量池或者局部变量push到栈顶时均使用) 0x02 &nbs
  • Oracle字符集的查看查询和Oracle字符集的设置修改 aijuans oracle
    本文主要讨论以下几个部分：如何查看查询oracle字符集、 修改设置字符集以及常见的oracle utf8字符集和oracle exp 字符集问题。 一、什么是Oracle字符集 Oracle字符集是一个字节数据的解释的符号集合,有大小之分,有相互的包容关系。ORACLE 支持国家语言的体系结构允许你使用本地化语言来存储，处理，检索数据。它使数据库工具，错误消息，排序次序，日期，时间，货
  • png在Ie6下透明度处理方法 antonyup_2006 css浏览器FirebugIE
    由于之前到深圳现场支撑上线，当时为了解决个控件下载，我机器上的IE8老报个错，不得以把ie8卸载掉，换个Ie6,问题解决了，今天出差回来，用ie6登入另一个正在开发的系统，遇到了Png图片的问题，当然升级到ie8(ie8自带的开发人员工具调试前端页面JS之类的还是比较方便的，和FireBug一样，呵呵)，这个问题就解决了，但稍微做了下这个问题的处理。 我们知道PNG是图像文件存储格式，查询资
  • 表查询常用命令高级查询方法(二) 百合不是茶 oracle分页查询分组查询联合查询
    ----------------------------------------------------分组查询 group by    having   --平均工资和最高工资   select avg(sal)平均工资,max(sal)  from emp ;  --每个部门的平均工资和最高工资
  • uploadify3.1版本参数使用详解 bijian1013 JavaScriptuploadify3.1
    使用：     绑定的界面元素<input id='gallery'type='file'/>$("#gallery").uploadify({设置参数，参数如下}); 设置的属性： id: jQuery(this).attr('id'),//绑定的input的ID langFile: 'http://ww
  • 精通Oracle10编程SQL(17)使用ORACLE系统包 bijian1013 oracle数据库plsql
    /* *使用ORACLE系统包 */ --1.DBMS_OUTPUT --ENABLE:用于激活过程PUT,PUT_LINE,NEW_LINE,GET_LINE和GET_LINES的调用 --语法：DBMS_OUTPUT.enable(buffer_size in integer default 20000); --DISABLE:用于禁止对过程PUT,PUT_LINE,NEW
  • 【JVM一】JVM垃圾回收日志 bit1129 垃圾回收
    将JVM垃圾回收的日志记录下来，对于分析垃圾回收的运行状态，进而调整内存分配(年轻代，老年代，永久代的内存分配)等是很有意义的。JVM与垃圾回收日志相关的参数包括： -XX:+PrintGC -XX:+PrintGCDetails -XX:+PrintGCTimeStamps -XX:+PrintGCDateStamps -Xloggc -XX:+PrintGC 通
  • Toast使用 白糖_ toast
    Android中的Toast是一种简易的消息提示框，toast提示框不能被用户点击，toast会根据用户设置的显示时间后自动消失。     创建Toast 两个方法创建Toast makeText(Context context, int resId, int duration)     参数：context是toast显示在
  • angular.identity boyitech AngularJSAngularJS API
    angular.identiy 描述: 返回它第一参数的函数. 此函数多用于函数是编程. 使用方法: angular.identity(value); 参数详解: Param Type Details value * to be returned. 返回值: 传入的value 实例代码: <!DOCTYPE HTML>
  • java-两整数相除，求循环节 bylijinnan java
    import java.util.ArrayList; import java.util.List; public class CircleDigitsInDivision { /** * 题目：求循环节，若整除则返回NULL，否则返回char*指向循环节。先写思路。函数原型：char*get_circle_digits(unsigned k,unsigned j)
  • Java 日期 周 年 Chen.H javaC++cC#
    /** * java日期操作(月末、周末等的日期操作) * * @author * */ public class DateUtil { /** */ /** * 取得某天相加(减)後的那一天 * * @param date * @param num *
  • [高考与专业]欢迎广大高中毕业生加入自动控制与计算机应用专业 comsci 计算机
          不知道现在的高校还设置这个宽口径专业没有,自动控制与计算机应用专业,我就是这个专业毕业的,这个专业的课程非常多,既要学习自动控制方面的课程,也要学习计算机专业的课程,对数学也要求比较高.....如果有这个专业,欢迎大家报考...毕业出来之后,就业的途径非常广.....      以后
  • 分层查询（Hierarchical Queries） daizj oracle递归查询层次查询
    Hierarchical Queries If a table contains hierarchical data, then you can select rows in a hierarchical order using the hierarchical query clause: hierarchical_query_clause::= start with condi
  • 数据迁移 daysinsun 数据迁移
    最近公司在重构一个医疗系统，原来的系统是两个.Net系统，现需要重构到java中。数据库分别为SQL Server和Mysql，现需要将数据库统一为Hana数据库，发现了几个问题，但最后通过努力都解决了。 1、原本通过Hana的数据迁移工具把数据是可以迁移过去的，在MySQl里面的字段为TEXT类型的到Hana里面就存储不了了，最后不得不更改为clob。 2、在数据插入的时候有些字段特别长
  • C语言学习二进制的表示示例 dcj3sjt126com cbasic
    进制的表示示例 # include <stdio.h> int main(void) { int i = 0x32C; printf("i = %d\n", i); /* printf的用法 %d表示以十进制输出 %x或%X表示以十六进制的输出 %o表示以八进制输出 */ return 0; }
  • NsTimer 和 UITableViewCell 之间的控制 dcj3sjt126com ios
    情况是这样的: 一个UITableView, 每个Cell的内容是我自定义的 viewA viewA上面有很多的动画, 我需要添加NSTimer来做动画, 由于TableView的复用机制, 我添加的动画会不断开启, 没有停止, 动画会执行越来越多.   解决办法: 在配置cell的时候开始动画, 然后在cell结束显示的时候停止动画   查找cell结束显示的代理
  • MySql中case when then 的使用 fanxiaolong casewhenthenend
    select "主键", "项目编号", "项目名称","项目创建时间", "项目状态","部门名称","创建人" union (select pp.id as "主键", pp.project_number as &
  • Ehcache（01）——简介、基本操作 234390216 cacheehcache简介CacheManagercrud
    Ehcache简介 目录 1       CacheManager 1.1      构造方法构建 1.2      静态方法构建 2       Cache 2.1&
  • 最容易懂的javascript闭包学习入门 jackyrong JavaScript
    http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html 闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。 下面就是我的学习笔记，对于Javascript初学者应该是很有用的。 一、变量的作用域 要理解闭包，首先必须理解Javascript特殊
  • 提升网站转化率的四步优化方案 php教程分享 数据结构PHP数据挖掘Google活动
    网站开发完成后,我们在进行网站优化最关键的问题就是如何提高整体的转化率，这也是营销策略里最最重要的方面之一，并且也是网站综合运营实例的结果。文中分享了四大优化策略：调查、研究、优化、评估，这四大策略可以很好地帮助用户设计出高效的优化方案。 PHP开发的网站优化一个网站最关键和棘手的是，如何提高整体的转化率，这是任何营销策略里最重要的方面之一，而提升网站转化率是网站综合运营实力的结果。今天，我就分
  • web开发里什么是HTML5的WebSocket？ naruto1990 Webhtml5浏览器socket
    当前火起来的HTML5语言里面，很多学者们都还没有完全了解这语言的效果情况，我最喜欢的Web开发技术就是正迅速变得流行的 WebSocket API。WebSocket 提供了一个受欢迎的技术，以替代我们过去几年一直在用的Ajax技术。这个新的API提供了一个方法，从客户端使用简单的语法有效地推动消息到服务器。让我们看一看6个HTML5教程介绍里 的 WebSocket API：它可用于客户端、服
  • Socket初步编程——简单实现群聊 Everyday都不同 socket网络编程初步认识
    初次接触到socket网络编程，也参考了网络上众前辈的文章。尝试自己也写了一下，记录下过程吧：   服务端：（接收客户端消息并把它们打印出来）   public class SocketServer { private List<Socket> socketList = new ArrayList<Socket>(); public s
  • 面试：Hashtable与HashMap的区别（结合线程） toknowme
    昨天去了某钱公司面试，面试过程中被问道 Hashtable与HashMap的区别？当时就是回答了一点，Hashtable是线程安全的，HashMap是线程不安全的，说白了，就是Hashtable是的同步的，HashMap不是同步的，需要额外的处理一下。   今天就动手写了一个例子，直接看代码吧 package com.learn.lesson001; import java
  • MVC设计模式的总结 xp9802 设计模式mvc框架IOC
    随着Web应用的商业逻辑包含逐渐复杂的公式分析计算、决策支持等，使客户机越 来越不堪重负，因此将系统的商业分离出来。单独形成一部分，这样三层结构产生了。 其中‘层’是逻辑上的划分。 三层体系结构是将整个系统划分为如图2.1所示的结构[3] （1）表现层（Presentation layer）：包含表示代码、用户交互GUI、数据验证。 该层用于向客户端用户提供GUI交互，它允许用户
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他