心。晴
心。晴

CSS清除浮动的五种常用方法

清除浮动是每一个 web前台设计师必须掌握的技能。浮动会使当前标签产生向上浮的效果，同时会影响到前后标签、父级标签的位置及 width、height 属性。以下面的场景为例，给大家展示一下不清除浮动引发的“车祸现场”。


<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>清除浮动title>
    <style type="text/css">
        .div1{
      
            background:red;
            border:5px solid green;
        }
        .div2{
      
            background:yellow;
            border:5px solid green;
            height:300px;
            margin-top:10px;
        }
        .left{
      
            float:left;
            width:20%;
            height:500px;
            background:pink;
        }
        .right{
      
            float:right;
            width:30%;
            height:200px;
            background:pink;
        }
    style>
head>
<body>
    <div class="div1">
        <div class="left">div>
        <div class="right">div>
    div>
    <div class="div2">div>
body>
html>

CSS清除浮动的五种常用方法_第1张图片

下面来介绍几种清除浮动的方法。（以上面的例子为基础，基本样式不变，修改部分代码以达到下图的效果。）
CSS清除浮动的五种常用方法_第2张图片

1、父级div定义 height

<style>
    .div1{
      
        height: 300px;
    }
style>

  • 原理：父级div手动定义height，就解决了父级div无法自动获取到高度的问题。

  • 优点：简单、代码少、容易掌握。

  • 缺点：只适合高度固定的布局，要给出精确的高度，如果高度和父级div不一样时，会产生问题。

  • 建议：不推荐使用，只建议高度固定的布局时使用。

2、结尾处添加空div标签 clear:both

<style>
    .clear{
      
        clear: both;
    }
style>
<div class="div1">
    <div class="left">div>
    <div class="right">div>
    <div class="clear">div>
div>

  • 原理：添加一个空div，利用css提高的clear:both清除浮动，让父级div能自动获取到高度。

  • 优点：简单、代码少、浏览器支持好、不容易出现怪问题。

  • 缺点：不少初学者不理解原理；如果页面浮动布局多，就要增加很多空div，让人感觉很不好。

  • 建议：不推荐使用，但此方法是以前主要使用的一种清除浮动方法。

3、父级div定义 伪类:after和zoom

<style>
    .div1:after{
      
        display:block;
        clear:both;
        content:"";
    }
    .div1{
      
        zoom:1;
    }
style>

  • 原理：IE8以上和非IE浏览器才支持:after，原理和方法2有点类似，zoom(IE转有属性)可解决ie6，ie7浮动问题。

  • 优点：浏览器支持好、不容易出现怪问题（目前：大型网站都有使用，如：腾迅，网易，新浪等等）。

  • 缺点：代码多、不少初学者不理解原理，要两句代码结合使用才能让主流浏览器都支持。

  • 建议：推荐使用，建议定义公共类，以减少CSS代码。

4、父级div定义 overflow:hidden

<style>
    .div1{
      
        overflow:hidden;
    }
style>

  • 原理：不能定义height，使用overflow:hidden时，浏览器会自动检查浮动区域的高度。

  • 优点：简单、代码少、浏览器支持好。

  • 缺点：不能和position配合使用，因为超出的尺寸的会被隐藏。

  • 建议：只推荐没有使用position或对overflow:hidden理解比较深的朋友使用。

5、父级div定义 overflow:auto

<style>
    .div1{
      
        overflow:auto;
    }
style>

  • 原理：不能定义height，使用overflow:auto时，浏览器会自动检查浮动区域的高度。

  • 优点：简单、代码少、浏览器支持好。

  • 缺点：内部宽高超过父级div时，会出现滚动条。

  • 建议：不推荐使用，如果你需要出现滚动条或者确保你的代码不会出现滚动条就使用吧。

本篇介绍的这五种常用的清除浮动的方法，在项目开发中已经足够用了。如果还想了解别的方法，可以查阅相关资料哦。

你可能感兴趣的:(css,html,float)

  • 深入浅出：Tailwind CSS 详解 chenNorth。 csscss前端
    TailwindCSS是一款功能强大的、低级的CSS框架，它与传统的CSS框架（如Bootstrap或Foundation）不同，它不提供具体的UI组件，而是通过实用工具类来帮助开发者更灵活、更高效地构建自定义的网页设计。TailwindCSS强调“原子化”CSS，这意味着它通过大量的小工具类（UtilityClasses）来定义网页元素的样式，而不是通过写大量的自定义CSS代码。这种方式让开发者
  • python中redirect如何传值_传递参数时重定向 - python 叫我柴先生
    在烧瓶中，我可以这样做:render_template("foo.html",messages={'main':'hello'})如果foo.html包含{{messages['main']}}，则页面将显示hello。但是，如果有一条通往foo的路线怎么办:@app.route("/foo")defdo_foo():#dosomelogicherereturnrender_template("f
  • Jmeter-1-JMeter代理录制脚本 karry_孙二 JmeterJmeter
    jmeter代理录制脚本1.原理：把jmeter作为代理服务器2.代理：相当于中转站3.流程：浏览器（客户端）--->jmeter--->服务器步骤1.设置浏览器为代理模式2.jm新建代理服务器，设置3.设置过滤规则录制脚本：jmeter只能录制html包含模式：.*192\.168\.0\.203.*（.要用\来转译）排除模式：.*\.js.*|.*\.css.*|.*\.png.*|.*\.g
  • 【Python爬虫实战】深入解析 Scrapy 管道：数据清洗、验证与存储的实战指南 易辰君 python爬虫python爬虫开发语言
    个人主页：易辰君-CSDN博客系列专栏：https://blog.csdn.net/2401_86688088/category_12797772.html目录前言一、了解ScrapyShell二、配置文件settings.py（一）为什么需要配置文件（二）配置文件的使用方法（三）常用字段及其含义三、管道的深入使用（一）管道的常用方法（二）管道的实现（三）启用管道四、管道的常见应用场景五、管道使用
  • 【Python爬虫实战】轻量级爬虫利器：DrissionPage之SessionPage与WebPage模块详解 易辰君 python爬虫python爬虫开发语言
    个人主页：易辰君-CSDN博客系列专栏：https://blog.csdn.net/2401_86688088/category_12797772.html目录前言一、SessionPage（一）SessionPage模块的基本功能（二）基本使用（三）常用方法（四）页面元素定位和数据提取（五）Cookie和会话管理（六）SessionPage的优点和局限性（七）SessionPage和Driver
  • 【Python爬虫实战】全面解析 DrissionPage：简化 Python 浏览器自动化的三种模式 易辰君 python爬虫python爬虫开发语言
    个人主页：易辰君-CSDN博客系列专栏：https://blog.csdn.net/2401_86688088/category_12797772.html目录前言一、DrissionPage简介（一）ChromiumPage（二）WebPage（三）SessionPage（四）三大模块总结二、ChromiumPage（一）初始化ChromiumPage（二）基本操作（三）等待元素加载（四）执行J
  • Python 中无穷的表示 梦想是优秀社畜 Pythonpython编程语言经验分享
    我们在python编程过程中可能需要设定一个无穷大的值来辅助我们的逻辑语句，下面展示python中无穷大的表示，和无穷的判断方法。上代码！！！#无穷的判断需要导入math模块importmath#正无穷zheng_wq=float('inf')#负无穷fu_wq=-float('inf')#float('-inf')#判断是否无穷math.isinf(zhengwq)#最终结果是True希望我的笔
  • python中数字应该用什么表示_python的特殊数字类型（无穷大、无穷小等） weixin_39646018
    float('inf')表示正无穷-float('inf')或float('-inf')表示负无穷其中，inf均可以写成Inf起步python中整型不用担心溢出，因为python理论上可以表示无限大的整数，直到把内存挤爆。而无穷大在编程中常常需要的。比如，从一组数字中筛选出最小的数字。一般使用一个临时变量用于存储最后结果，变量去逐个比较和不断地更新。而这临时变量一般要初始无穷大或者去第一个元素的值
  • 基于Damo-YOLO和DyHead检测头的YOLOv8优化：多尺度目标检测的创新方案【YOLOv8】 步入烟尘 YOLO系列创新涨点超专栏YOLO目标检测人工智能YOLOv8
    本专栏专为AI视觉领域的爱好者和从业者打造。涵盖分类、检测、分割、追踪等多项技术，带你从入门到精通！后续更有实战项目，助你轻松应对面试挑战！立即订阅，开启你的YOLOv8之旅！专栏订阅地址：https://blog.csdn.net/mrdeam/category_12804295.html文章目录基于Damo-YOLO和DyHead检测头的YOLOv8优化：多尺度目标检测的创新方案【YOLOv8
  • 提升YOLOv8性能：用Swin Transformer替换Backbone的详细实现与分析【YOLOv8】 步入烟尘 YOLO系列创新涨点超专栏YOLOv8YOLO目标跟踪
    本专栏专为AI视觉领域的爱好者和从业者打造。涵盖分类、检测、分割、追踪等多项技术，带你从入门到精通！后续更有实战项目，助你轻松应对面试挑战！立即订阅，开启你的YOLOv8之旅！专栏订阅地址：https://blog.csdn.net/mrdeam/category_12804295.html文章目录YOLOv8改进|主干篇|SwinTransformer替换Backbone（附代码+详细修改步骤+
  • sqlite3 使用 shengnan_wsn 数据库
    https://www.runoob.com/sqlite/sqlite-installation.html
  • ECharts社区里面的gallery在哪里？ECharts gallery新地址 rgrgrwfe 前端html面试Echarts地图组件Gallery学习资源新地址
    学习echarts-map发现echarts社区里面没有gallery了！！！找了好久，终于找到了，这是新地址：https://www.makeapie.com/explore.html赶紧收藏。
  • CSS 布局的四大宗师：破解 BFC、IFC、GFC 和 FFC 的深层奥秘 dorabighead 前端八股总结css前端
    CSS布局的四大宗师：破解BFC、IFC、GFC和FFC的深层奥秘在CSS的江湖中，布局问题犹如无形的桎梏，困扰着每一位前端开发者。有人为浮动塌陷而抓狂，有人被复杂的响应式布局逼得手足无措。而在布局的巅峰，有四位宗师——BFC、IFC、GFC和FFC，它们分别掌控着块级、行内、网格和弹性布局的精髓。掌握它们，不仅仅是技术的进步，更是开启布局新境界的钥匙。今天，我们不再止步于表面，而是深入到它们的核
  • uniapp中使用全局样式文件引入的三种方式 上趣工作室 uniappvue3.xvue2.xuni-apprust开发语言
    如果你想在uni-app中全局引入SCSS文件（例如global.scss），可以通过以下步骤进行配置：方法一：在main.js中引入在main.js中引入全局样式：你可以在src/main.js文件中直接引入SCSS文件，这样可以确保在整个应用中都可以使用这些样式。//src/main.jsimportVuefrom'vue';importAppfrom'./App.vue';import'./
  • Vue3 使用 pinia 有一个好名字 javascript开发语言ecmascript
    什么是PiniaPinia是Vue的存储库，它允许您跨组件/页面共享状态，与vuex功能一样。准备安装npminstallpinia或者yarnaddpinia使用首先修改main.ts文件main.tsimport'./assets/main.css'import{createApp}from'vue'importAppfrom'./App.vue'import{createPinia}from
  • ::v-deep的理解 记得早睡~ vue.js前端javascript
    vue样式穿透在刚开始使用element-ui组件库时，想要修改其内部的样式，但总是不生效，通过查询资料，了解到了深度作用选择器。如果希望scoped样式中的一个选择器能够作用得“更深”，例如影响子组件，可以使用>>>操作符：.a>>>.b{width:100%;height:100%;background:red;}但是像scss等预处理器却无法解析>>>，所以我们使用下面的方式：.a{/dee
  • 【保姆级爬虫】微博关键词搜索并获取博文和评论内容（python+selenium+chorme） m0_74824076 爬虫pythonselenium
    微博爬虫记录写这个主要是为了防止自己忘记以及之后的组内工作交接，至于代码美不美观，写的好不好，统统不考虑，我只能说，能跑就不错了，上学压根没学过python好吧，基本上是crtl+c&ctrl+v丝滑小连招教会了我一点。写的很简单，认真看完就会用了文中筛选元素用到的一些筛选元素的正则匹配、beautifulsoup，css等相关方法我也不太懂，现学现用呗，还是那句话，能跑就行。配置简介：pytho
  • vant组件库的按需导入导出 ordinary90 前端全栈开发VUEvue.jsjavascript前端
    要按需导入和导出Vant组件库的Vuex模块，首先需要在项目的入口文件中引入所需的组件：import{Button,Toast}from'vant';import'vant/lib/index.css';Vue.use(Button);Vue.use(Toast);接下来，创建一个store文件夹，在该文件夹下创建index.js文件，用于定义Vuex的模块、状态和操作。importVuefrom
  • CSS垂直居中的24种方法(最全最仔细) 兴风键盘侠 前端开发css前端
    在CSS中，垂直居中的方法有很多，具体的实现方式取决于布局的上下文（如是否有父容器、是否是块级元素、是否固定高度等）。以下是最全的CSS垂直居中方法：1.使用line-height(仅用于单行文本)适用于单行文本，并且元素的高度已知。div{height:200px;line-height:200px;/*line-height设置为与容器高度相同*/text-align:center;}2.使用
  • C#html生成pdf之wkhtmltopdf及参数说明 Mick_小马哥 C#WEBc#htmlpdf
    实现方法#regionHTML生成PDF//////HTML生成PDF//////页面URL如：http://127.0.0.1/index.html///保存地址如：/upload/pdf/123.pdf///publicstaticboolHtmlToPdf(stringurl,stringpath){if(string.IsNullOrEmpty(url)||string.IsNullOrE
  • 在线格式化XML weixin_34250709
    有时候要格式化一下XML，有没有好的小工具，这里有一个在线版本，好使！http://xmlindent.com/转载于:https://www.cnblogs.com/DotNetNuke/archive/2010/07/14/1777096.html
  • html在线xml编辑,XML/HTML 马力的爸爸 html在线xml编辑
    在HTML页面中显示XML数据在下面的实例中，我们打开一个XML文件("cd_catalog.xml")，然后遍历每个CD元素，并显示HTML表格中的ARTIST元素和TITLE元素的值：if(window.XMLHttpRequest){//codeforIE7+,Firefox,Chrome,Opera,Safarixmlhttp=newXMLHttpRequest();}else{//cod
  • TCP 粘包问题浅析及其解决方案 mhx123456789 TCPjavaSocket计算机网络
    TCP粘包问题浅析及其解决方案参考文章：（1）TCP粘包问题浅析及其解决方案（2）https://www.cnblogs.com/haifeiWu/p/9358499.html（3）https://www.codeprj.com/blog/8ecca31.html备忘一下。
  • 《现代CSS技术应用与实践》小册完结啦！
    历时125天，《现代CSS技术应用与实践》小册迎来了完结，总篇数40篇，约11万字。后续还会继续更新，欢迎订阅支持我。《现代CSS技术应用与实践》是一本专注于现代CSS技术应用与实践的指导手册。小册旨在帮助读者深入理解现代CSS新特性的概念、原理和应用，掌握现代CSS技术的最新进展和实践经验，从而提升网页设计和开发的技能。小册内容涵盖现代CSS的基础知识、CSS嵌套及作用域、CSS布局技术与技巧、
  • Gateway网关 胡尔摩斯. 后端springcloudjavagateway
    GatewayGateway网关是微服务架构中的重要组件，作为所有微服务的统一入口，扮演着“门卫”的角色。它负责处理进入系统的所有请求，并根据预设的规则将请求路由到相应的微服务进行处理。(需要进行服务的注册与发现)官网地址:SpringCloudGatewayhttps://docs.spring.io/spring-cloud-gateway/docs/4.0.4/reference/html/
  • stm32通过串口发送float数据的方法 嵌入~狮 stm32stm32嵌入式硬件单片机
    1、通过将小数转化为整形小数×100或者1000倍之后放在两个字节里面发送，接收端将两个字节解析出来后÷100或者1000即可，缺点损失精度2、通过sprintf发送发送端代码如下：floatdata[6]={0};g_usart4_tx_buf[0]=0x5A;for(uint8_ti=0;i<6;i++){sprintf((char*)&g_usart4_tx_buf[1+9*i],"%.6f
  • css‘s hover VS mobile 溪ｉ 服务器运维
    .animation{animation:30smoveinfinitelinear;/*&:hover{animation-play-state:paused;*/}原本写的好好的，测试说：“移动端点击滚动条，跳转到其他页面后，返回当前页面，滚动条不滚动；可以优化位点击后继续滚动”哎，改吧！setPause(true)}//onTouchEnd={()=>setPause(false)}onMo
  • 工具链 之 Vite 常见的共享选项配置（二） **之火 前端工具链Vite前端工具链Vite
    这些配置通常包括插件、别名、CSS预处理器设置。1.插件（Plugins）插件是Vite生态系统中的核心部分，用于扩展Vite的功能。一些插件（如@vitejs/plugin-vue对于Vue项目）是项目所必需的，并且在所有环境中都应该被包含。//vite.config.jsimport{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue
  • 微信小程序实现类似picker多选 JRJ || 575 微信小程序
    版本迭代picker单选改为多选，官方文档只有多列选择器没有多选，自己写呗最终实现效果图实现思路：1.自己画模态框2.遍历初始数据push新增参数checked:false3.点击改变checked值来实现多选上代码：whtml：modalName变量控制模态框显隐等级0}}">{{checkNum}}等级选择（可多选）{{item.key}}清空确定0}}">({{checkNum}})jsda
  • SpringCloud微服务-OpenFeign服务接口调用 TwitchR springcloud微服务java
    一、OpenFeign简介官网：https://cloud.spring.io/spring-cloud-static/Hoxton.SR1/reference/htmlsingle/#spring-cloud-openfeignGitHub：https://github.com/spring-cloud/spring-cloud-openfeignFeign是一个声明式WebService客户端
  • Spring中@Value注解，需要注意的地方 无量 springbean@Valuexml
    Spring 3以后,支持@Value注解的方式获取properties文件中的配置值，简化了读取配置文件的复杂操作 1、在applicationContext.xml文件(或引用文件中)中配置properties文件 <bean id="appProperty" class="org.springframework.beans.fac
  • mongoDB 分片 开窍的石头 mongodb
        mongoDB的分片。要mongos查询数据时候 先查询configsvr看数据在那台shard上，configsvr上边放的是metar信息，指的是那条数据在那个片上。由此可以看出mongo在做分片的时候咱们至少要有一个configsvr,和两个以上的shard（片）信息。     第一步启动两台以上的mongo服务 &nb
  • OVER(PARTITION BY)函数用法 0624chenhong oracle
    这篇写得很好，引自 http://www.cnblogs.com/lanzi/archive/2010/10/26/1861338.html OVER(PARTITION BY)函数用法 2010年10月26日 OVER(PARTITION BY)函数介绍 开窗函数        &nb
  • Android开发中，ADB server didn't ACK 解决方法 一炮送你回车库 Android开发
    首先通知：凡是安装360、豌豆荚、腾讯管家的全部卸载，然后再尝试。   一直没搞明白这个问题咋出现的，但今天看到一个方法，搞定了！原来是豌豆荚占用了 5037 端口导致。 参见原文章：一个豌豆荚引发的血案——关于ADB server didn't ACK的问题 简单来讲，首先将Windows任务进程中的豌豆荚干掉，如果还是不行，再继续按下列步骤排查。 &nb
  • canvas中的像素绘制问题 换个号韩国红果果 JavaScriptcanvas
    pixl的绘制，1.如果绘制点正处于相邻像素交叉线，绘制x像素的线宽，则从交叉线分别向前向后绘制x/2个像素，如果x/2是整数，则刚好填满x个像素，如果是小数，则先把整数格填满，再去绘制剩下的小数部分，绘制时，是将小数部分的颜色用来除以一个像素的宽度，颜色会变淡。所以要用整数坐标来画的话（即绘制点正处于相邻像素交叉线时），线宽必须是2的整数倍。否则会出现不饱满的像素。 2.如果绘制点为一个像素的
  • 编码乱码问题 灵静志远 javajvmjsp编码
    1、JVM中单个字符占用的字节长度跟编码方式有关，而默认编码方式又跟平台是一一对应的或说平台决定了默认字符编码方式；2、对于单个字符：ISO-8859-1单字节编码，GBK双字节编码，UTF-8三字节编码；因此中文平台(中文平台默认字符集编码GBK)下一个中文字符占2个字节，而英文平台(英文平台默认字符集编码Cp1252(类似于ISO-8859-1))。 3、getBytes()、getByte
  • java 求几个月后的日期 darkranger calendargetinstance
    Date plandate = planDate.toDate(); SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd"); Calendar cal = Calendar.getInstance(); cal.setTime(plandate); // 取得三个月后时间 cal.add(Calendar.M
  • 数据库设计的三大范式（通俗易懂） aijuans 数据库复习
    关系数据库中的关系必须满足一定的要求。满足不同程度要求的为不同范式。数据库的设计范式是数据库设计所需要满足的规范。只有理解数据库的设计范式，才能设计出高效率、优雅的数据库，否则可能会设计出错误的数据库. 目前，主要有六种范式：第一范式、第二范式、第三范式、BC范式、第四范式和第五范式。满足最低要求的叫第一范式，简称1NF。在第一范式基础上进一步满足一些要求的为第二范式，简称2NF。其余依此类推。
  • 想学工作流怎么入手 atongyeye jbpm
    工作流在工作中变得越来越重要，很多朋友想学工作流却不知如何入手。 很多朋友习惯性的这看一点，那了解一点，既不系统，也容易半途而废。好比学武功，最好的办法是有一本武功秘籍。研究明白，则犹如打通任督二脉。 系统学习工作流，很重要的一本书《JBPM工作流开发指南》。 本人苦苦学习两个月，基本上可以解决大部分流程问题。整理一下学习思路，有兴趣的朋友可以参考下。 1  首先要
  • Context和SQLiteOpenHelper创建数据库 百合不是茶 androidContext创建数据库
           一直以为安卓数据库的创建就是使用SQLiteOpenHelper创建,但是最近在android的一本书上看到了Context也可以创建数据库,下面我们一起分析这两种方式创建数据库的方式和区别,重点在SQLiteOpenHelper     一:SQLiteOpenHelper创建数据库:   1,SQLi
  • 浅谈group by和distinct bijian1013 oracle数据库group bydistinct
            group by和distinct只了去重意义一样，但是group by应用范围更广泛些，如分组汇总或者从聚合函数里筛选数据等。         譬如：统计每id数并且只显示数大于3 select id ,count(id) from ta
  • vi opertion 征客丶 macoprationvi
    进入 command mode （命令行模式） 按 esc 键 再按 shift + 冒号 注：以下命令中 带 $ 【在命令行模式下进行】，不带 $ 【在非命令行模式下进行】 一、文件操作 1.1、强制退出不保存 $ q! 1.2、保存 $ w 1.3、保存并退出 $ wq 1.4、刷新或重新加载已打开的文件 $ e 二、光标移动 2.1、跳到指定行 数字
  • 【Spark十四】深入Spark RDD第三部分RDD基本API bit1129 spark
      对于K/V类型的RDD,如下操作是什么含义？   val rdd = sc.parallelize(List(("A",3),("C",6),("A",1),("B",5)) rdd.reduceByKey(_+_).collect  reduceByKey在这里的操作，是把
  • java类加载机制 BlueSkator java虚拟机
    java类加载机制 1.java类加载器的树状结构 引导类加载器 ^ | 扩展类加载器 ^ | 系统类加载器 java使用代理模式来完成类加载，java的类加载器也有类似于继承的关系，引导类是最顶层的加载器，它是所有类的根加载器，它负责加载java核心库。当一个类加载器接到装载类到虚拟机的请求时，通常会代理给父类加载器，若已经是根加载器了，就自己完成加载。 虚拟机区分一个Cla
  • 动态添加文本框 BreakingBad 文本框
      <script>     var num=1; function AddInput() {      var str="";     str+="<input 
  • 读《研磨设计模式》-代码笔记-单例模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ public class Singleton { } /* * 懒汉模式。注意，getInstance如果在多线程环境中调用，需要加上synchronized，否则存在线程不安全问题 */ class LazySingleton
  • iOS应用打包发布常见问题 chenhbc iosiOS发布iOS上传iOS打包
    这个月公司安排我一个人做iOS客户端开发，由于急着用，我先发布一个版本，由于第一次发布iOS应用，期间出了不少问题，记录于此。   1、使用Application Loader 发布时报错：Communication error.please use diagnostic mode to check connectivity.you need to have outbound acc
  • 工作流复杂拓扑结构处理新思路 comsci 设计模式工作算法企业应用OO
    我们走的设计路线和国外的产品不太一样，不一样在哪里呢？  国外的流程的设计思路是通过事先定义一整套规则(类似XPDL)来约束和控制流程图的复杂度(我对国外的产品了解不够多，仅仅是在有限的了解程度上面提出这样的看法)，从而避免在流程引擎中处理这些复杂的图的问题，而我们却没有通过事先定义这样的复杂的规则来约束和降低用户自定义流程图的灵活性，这样一来，在引擎和流程流转控制这一个层面就会遇到很
  • oracle 11g新特性Flashback data archive daizj oracle
    1. 什么是flashback data archive Flashback data archive是oracle 11g中引入的一个新特性。Flashback archive是一个新的数据库对象，用于存储一个或多表的历史数据。Flashback archive是一个逻辑对象，概念上类似于表空间。实际上flashback archive可以看作是存储一个或多个表的所有事务变化的逻辑空间。
  • 多叉树:2-3-4树 dieslrae 树
        平衡树多叉树,每个节点最多有4个子节点和3个数据项,2,3,4的含义是指一个节点可能含有的子节点的个数,效率比红黑树稍差.一般不允许出现重复关键字值.2-3-4树有以下特征:     1、有一个数据项的节点总是有2个子节点(称为2-节点)     2、有两个数据项的节点总是有3个子节点(称为3-节
  • C语言学习七动态分配 malloc的使用 dcj3sjt126com clanguagemalloc
    /* 2013年3月15日15:16:24 malloc 就memory(内存) allocate(分配)的缩写 本程序没有实际含义，只是理解使用 */ # include <stdio.h> # include <malloc.h> int main(void) { int i = 5; //分配了4个字节 静态分配 int * p
  • Objective-C编码规范[译] dcj3sjt126com 代码规范
      原文链接 : The official raywenderlich.com Objective-C style guide 原文作者 : raywenderlich.com Team 译文出自 : raywenderlich.com Objective-C编码规范 译者 : Sam Lau
  • 0.性能优化-目录 frank1234 性能优化
    从今天开始笔者陆续发表一些性能测试相关的文章，主要是对自己前段时间学习的总结，由于水平有限，性能测试领域很深，本人理解的也比较浅，欢迎各位大咖批评指正。 主要内容包括： 一、性能测试指标 吞吐量、TPS、响应时间、负载、可扩展性、PV、思考时间 http://frank1234.iteye.com/blog/2180305 二、性能测试策略 生产环境相同 基准测试 预热等 htt
  • Java父类取得子类传递的泛型参数Class类型 happyqing java泛型父类子类Class
      import java.lang.reflect.ParameterizedType; import java.lang.reflect.Type; import org.junit.Test; abstract class BaseDao<T> { public void getType() { //Class<E> clazz =
  • 跟我学SpringMVC目录汇总贴、PDF下载、源码下载 jinnianshilongnian springMVC
      ----广告-------------------------------------------------------------- 网站核心商详页开发 掌握Java技术，掌握并发/异步工具使用，熟悉spring、ibatis框架； 掌握数据库技术，表设计和索引优化，分库分表/读写分离； 了解缓存技术，熟练使用如Redis/Memcached等主流技术； 了解Ngin
  • the HTTP rewrite module requires the PCRE library 流浪鱼 rewrite
    ./configure: error: the HTTP rewrite module requires the PCRE library. 模块依赖性Nginx需要依赖下面3个包 1. gzip 模块需要 zlib 库 ( 下载: http://www.zlib.net/ ) 2. rewrite 模块需要 pcre 库 ( 下载: http://www.pcre.org/ ) 3. s
  • 第12章 Ajax（中） onestopweb Ajax
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • Optimize query with Query Stripping in Web Intelligence blueoxygen BO
    http://wiki.sdn.sap.com/wiki/display/BOBJ/Optimize+query+with+Query+Stripping+in+Web+Intelligence and a very straightfoward video http://www.sdn.sap.com/irj/scn/events?rid=/library/uuid/40ec3a0c-936
  • Java开发者写SQL时常犯的10个错误 tomcat_oracle javasql
    1、不用PreparedStatements 　　有意思的是，在JDBC出现了许多年后的今天，这个错误依然出现在博客、论坛和邮件列表中，即便要记住和理解它是一件很简单的事。开发者不使用PreparedStatements的原因可能有如下几个： 　　他们对PreparedStatements不了解 　　他们认为使用PreparedStatements太慢了 　　他们认为写Prepar
  • 世纪互联与结盟有感 阿尔萨斯
    10月10日，世纪互联与（Foxcon）签约成立合资公司，有感。 全球电子制造业巨头（全球500强企业）与世纪互联共同看好IDC、云计算等业务在中国的增长空间，双方迅速果断出手，在资本层面上达成合作，此举体现了全球电子制造业巨头对世纪互联IDC业务的欣赏与信任，另一方面反映出世纪互联目前良好的运营状况与广阔的发展前景。 众所周知，精于电子产品制造（世界第一），对于世纪互联而言，能够与结盟
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他