使用clearfix样式来清除浮动

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

        "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

    <!--

    /**

     * Created by JetBrains WebStorm.

     * User: Ganler

     * Date: 13-5-29

     * Time: 下午10:31

     * To change this template use File | Settings | File Templates.

     */

     -->

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title></title>

    <style type="text/css">

        .clearfix {

            *zoom: 1;

        }



        .clearfix:before,

        .clearfix:after {

            display: table;

            line-height: 0;

            content: "";

        }



        .clearfix:after {

            clear: both;

        }

    </style>

</head>

<body>

<div style="border:2px solid red;">

    没有clear的效果

    <div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>

    <div style="float:left;width:80px;height:80px;border:1px solid blue;">CSSBBS</div>

    <div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>

    <div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>

    <div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>

</div>

<div style="border:2px solid red;margin-top: 100px;">

   clear:both

    <div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>

    <div style="float:left;width:80px;height:80px;border:1px solid blue;">CSSBBS</div>

    <div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>

    <div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>

    <div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>

    <div style="clear:both;"></div>

</div>

<div style="border:2px solid red;margin-top:100px;" class="clearfix">

 父容器使用 clearfix

    <div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>

    <div style="float:left;width:80px;height:80px;border:1px solid blue;">CSSBBS</div>

    <div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>

    <div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>

    <div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>

    <div style="clear:both;"></div>

</div>

</body>

</html>

 

你可能感兴趣的:(clearfix)

  • CSS选择器的命名规范 前端_小智 HTML
    1.模块化命名例如：与布局相关的样式以“g”为开头。如“g-content”和“g-header”；与挂钩相关的样式以“j”为开头。如“j-open”和“j-request”；与元件相关的样式以“m”为开头。如“m-dropMenu”和“m-slider”；与状态相关的样式以“s”为开头。如“s-current”和“s-selected”；与工具相关的样式以“u”为开头。如“u-clearfix”
  • CSS基本概念 astak3
    CSS全称：CascadingStyleSheets层叠样式表/rel=relationship/html引入css的4种方式内联style属性style标签外部文件csslink@importurl（./xxx）;左右布局把所有的子元素加上float:left;、在子元素的爸爸上面加上class="clearfix"，样式中加上下面几行代码：content:'';display:block;cl
  • 清除浮动 姓高名旭升
    clear.box{width:100px;height:100px;background-color:red;clear:left;}清除左浮动.box{width:100px;height:100px;background-color:red;clear:right;}清除右浮动both可以清除对它影响最大的浮动可以解决高度塌陷.clearfix:after.clearfix:after{co
  • 完善clearfix等 晓枷锁
    完善clearfix.box1{width:300px;height:300px;background-color:#bfa;/*padding-top:1px;*/}/*解决父子元素外边聚重叠*/.box1:before{content:"";display:table;}.box2{width:200px;height:200px;background-color:yellow;margin-
  • 常见的CSS布局小技巧 Mr_LvHeng
    常见的CSS布局小技巧左右布局给父盒子添加清除浮动clearfix样式给子盒子添加左右浮动float:left;、float:right;案例：CSS部分：/*clearfix的写法无需理解*/.clearfix::after{content:'';display:block;clear:both;}/*父盒子*/.main{width:800px;padding:20px;/*为了显示效果，可以
  • Bootstrap之辅助类样式，响应式工具和小图标组件 Ying（英子） web前端bootstrap响应式小图标组件辅助类样式
    Bootstrap之辅助类样式，响应式工具和小图标组件的使用一.辅助类样式Bootstrap在布局方面提供了一些细小的辅助类样式，用于文字颜色以及背景色的设置、显示关闭图标等等。1.文本颜色类2.背景颜色类3.其他类关闭按钮close三角符号caret块级居中center-block快速浮动pull-left（左浮动），pull-right(右浮动)清理浮动clearfix显示和隐藏show(显示
  • CSS清除浮动之after伪元素 远近高低各不同 css前端
    在我们布局中，使用浮动会让我们元素脱离文档流，会影响接下来的布局，所以我们需要消除浮动，让我为大家介绍一种非常常用的一种清除浮动的方法吧！after伪元素清除浮动/*给需要浮动元素的父级元素添加上clearfix类名即可*/.clearfix::after{content:"";/*伪元素必须设置的*/display:block;/*转换成块元素*/height:0;clear:both;over
  • 布局-float布局 郑馋师
    布局type固定宽度不固定宽度响应式（pc：固定手机：不固定）csstypefloatflewgrid图片来源饥人谷网课上图为选用原则float子元素加float:left和width父元素命名为.clearfix,然后.clearfix:after{content:"";display:block;clear:both;}.clearfix{border:1pxblacksolid;}就可以包住
  • css实现二级导航下拉菜单 小舟423 csscss3前端
    这是一个简单的二级导航下拉菜单，大伙觉得有用，可以点个赞，直接上代码了!Documentbody,ul{margin:0;padding:0;}ul{list-style:none;}a{text-decoration:none;}.clearfix:after{content:"";display:block;clear:both;/*清除浮动*/}.menu{width:100%;height
  • css如何实现太极图! 小舟423 css前端javascript
    这是一个简单的太极图的写法，大伙觉得有用，可以点个赞，直接上代码了!太极图*{margin:0;padding:0;list-style:none;}body{background:#666666;}#wrap{width:300px;height:300px;margin:200pxauto0;position:relative;}/*清除浮动*/.clearfix:after{content:
  • 让浮动元素居中的几种方法 给贝贝赚口粮 前端csscss3html
    让浮动元素居中的几种方法方法一：给浮动元素外层包裹一个div,这个div和浮动元素宽度一致，然后对这个div设置margin:0auto;-------html-------float-item-------css--------.clearfix{//IE清除浮动*zoom:1;}.clearfix::after{//清除浮动content:"";clear:both;display:block
  • css 易忘知识 阿龙哟
    哪些属性可以继承，哪些属性不可以继承1.color可以继承2.font-size可以继承3.font-familyspan和span之间是有空格的12和下面这样的代码是有区别的，一个空格12要写浮动，就给父级元素添加清除浮动.clearfix::after{content:'';display:block;clear:both;}伪元素和伪类伪类和伪元素伪类的操作对象是文档树中已有的元素，而伪元素
  • 饥人谷作业 -- css布局及其技巧 xiaoznz
    1.左右布局实际项目开发过程中遇到页面DIV左右布局的需求：左侧DIV固定宽度，右侧DIV自适应宽度，填充满剩余页面，（然后本人充当抄袭的急先锋，拾人牙慧了）首先提供传统的方案：左侧DIV（可以加个div来clearfix）设置float属性为left，右侧DIV设置margin-left属性等于或大于左侧DIV宽度,如图：第二可以试试左侧DIV设置float属性为left，负边距100%，右侧D
  • JQuery-ui拖拽排序思路 自定义拖拽装扮 招来红月 javascriptjavascriptjquery
    这里只提供一个自定义装扮的思路，具体的组件样式还是要自己去写下面是一个完整的demojquery和jquery-ui我这里用的cdn直接打开可能会报错所以要用localhost或者你本地主机域名打开或者用编译器默认打开也可以里面有详细的注释下面是代码拖拽demo*{padding:0;margin:0;list-style:none;}.clearfix:after{content:"";disp
  • CSS入门(6) sakura579
    上篇讲的清除浮动更加企业级用法如下这样是最好的就是还是用那个.clearfix类.clearfix::after{content:"";display:block;clear:both;}.box{width:200px;border:1pxsolid#000;}.box.inner-box{width:100px;height:100px;}.box.inner-box.box1{backgro
  • 【Bootstrap5学习 day9】 Dosage de fleurs 学习前端javascript
    Bootstrap5小工具边框类使用边框类为元素添加或删除边框边框圆角使用rounded类为元素添加圆角浮动与清除浮动元素向右浮动使用.float-end类，向左浮动使用.float-start类，.clearfix类用于清除浮动向左浮动向右浮动响应式浮动可以根据屏幕尺寸来设置浮动效果.float-*-left|right-*表示sm(>=576px)md(>=768px)lg(>=992px)x
  • Day7:html和css 魔王哪吒
    标题图Day7:html和css如果有浮动,会导致脱标,定位也能脱标,我们没有清除浮动,因为里面有子绝父相.清除浮动的方法额外标签法,在最后一个浮动元素后面添加一个空的标签代码:使用after伪元素进行清除浮动..clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}.clearfix{*zoo
  • CSS学习之-06 Dragonlongbo css学习前端
    margin：元素对齐方式，使用auto实现居中。text-align：文本对齐方式，使用center实现居中。position：absolute-left、right左右对齐float：left、right左右对齐，当使用float时，子元素的高度大于父元素，且子元素设置了浮动，那么子元素将溢出，这时候你可以使用clearfix（清除浮动）来解决问题.clearfix{overflow:auto
  • CSS-float浮动和高度塌陷问题详解 王十四兄 csscsshtml前端webcss3
    文章目录浮动float1.float基本属性2.环绕的float3.float撑开内容高度塌陷问题详解1.什么是高度塌陷说明2.解决方法2.1.解决方法一W3C隐藏属性说明如何开启元素的BFC兼容性ZOOM2.2.解决方法二(推荐)清除浮动说明解决步骤2.3.解决方法三(很推荐)2.4.补充完善clearfix(强烈推荐)父子元素的垂直外边距重叠多功能的clearfix(最终版本)浮动float1
  • CSS解决引浮动float产生的塌陷问题怎么解决？ 三杯温开水 知识总结csshtml
    我在学习CSS的时候经常遇到这样的一个问题，就是因为浮动后导致整个页面塌陷，下面我们一起来学习一下怎么解决这个高度塌陷的问题吧！首先我们高度塌陷是因为子元素产生浮动，导致父元素无法监测到子元素的变化，从而导致高度塌陷。那麽我们怎么解决呢？这里分享我对于这个高度塌陷的解决方法：第一种解决方法，通过添加一个div解决这个问题。给这个div设置一个清除样式的浮动，clear:both;.clearfix
  • CSS布局 小白兔养家
    左右布局浮动法.clearfix::after{content:"";display:block;clear:both;}绝对定位法.wrapper{position:relative;}.left,.right{position:absolute;top:0;width:50%;left:0;}.right{right:0;}左中右布局左中右布局也可以使用浮动法和绝对定位法。水平居中内联元素在父
  • H5C3练习心得（小米商城）12.11 瑶瑶南波万 csshtmlcss3
    1.为什么要清除浮动？浮动的定义：非IE浏览器下，容器不设高度且子元素浮动时，容器高度不能被内容撑开。此时，内容会溢出到容器外面影响布局。这种现象被称为浮动（溢出）。为了防止溢出，所以要清除浮动。固定格式如下：.clearfix::after{/*清除浮动*/content:"";display:block;clear:both;}2.为什么要设置内边距和外边距为0？（其实还不太清楚）默认情况下，
  • 布局05 迷路了吗_67f1
    美团{margin:0px;padding:0px;}.clearfix:after,.clearfix:before{content:'';display:table;}.clearfix:after{clear:both;}.clearfix{zoom:1;}.box{width:1326px;margin:0auto;}.head{width:1326px;height:38px;backg
  • “查看更多”功能，较完美的实现 帅比九日 踩过的坑cssjshtmljqueryjavascript
    “查看更多”功能，较完美的实现需求：文本过多时隐藏文本，用省略号代替，省略号后面有“查看更多”的按钮。点击“查看更多”后展开所有文本，如下图：点击“收起”后恢复原状。实现...查看更多测试ceshi测试ceshi测试ceshi测试ceshi测试ceshi测试ceshi测试ceshi测试ceshi测试ceshi测试ceshi测试ceshi收起.clearfix:after{content:".";d
  • css布局 vivienYang2019
    最近在学习css相关的知识，本文主要总结一些css布局相关的知识。一、左右布局和左中右布局左右布局和左中右布局都属于横向布局，横向布局的主要方法是float+clearfix就是给子元素都加上float:left，然后给父元素加上clearfix```//css部分.clearfix::after{content:'';display:block;clear:both;}//html部分左左左``
  • 完善crearfix 解决高度塌陷 吕若凡
    !DOCTYPEhtml>完善clearfix.box1{width:300px;height:300px;background-color:#bfa;}.box2{width:200px;height:200px;background-color:yellow;/*子元素和父元素相邻的垂直外边距会发生重叠，子元素的外边距会传递给父元素使用空的table标签可以隔离父子元素的外边距，阻止外边距的重
  • 利用Request.meta属性给回调函数传参 dshowing
    知道这个，但一直不清楚怎么用，这里借鉴了网上朋友的例子Requset.meta语句#回调函数defparse(self,response):#xpath解析并在选择器对象中遍历forselinresponse.xpath('//li[@class="clearfix"]/div[@class="list_con"]'):#实例化itemitem=DmozItem()#转换为str格式item['h
  • css布局常用命名 壮壮成长记
    布局常用命名headersidebarcontentfooterclearfix:清楚浮动.clearfix{*zoom:1}.clearfix:after{clear:both;height:0;overflow:hidden;display:block;visibility:hidden;content:"."}
  • 进阶任务10（主线任务）：事件的应用 _小黑
    代码1：ul,li{margin:0;padding:0;}li{list-style:none;}.clearfix:after{content:'';display:block;clear:both;}.tab{width:600px;margin:20pxauto;border:1pxsolid#ccc;padding:20px10px;border-radius:4px;}.tab-hea
  • 任务12 初识CSS的布局 23f43267337f
    左右布局1，float+margin实现左右布局float属性是将该块状区域脱离父级标签的文档流，left属性值使该区域向父级标签区域的左侧边界放置，right属性值使该区域块向父级标签的右侧边界放置。有几个特点：包裹性：可以按照区域块中子元素的实际宽度进行包裹破坏性：float区域块不会被父级区域块包裹，造成前端常见的高度塌陷问题，解决办法是清除浮动（clearfix）；占位性：float区域会
  • 微信开发者验证接口开发 362217990 微信 开发者 token 验证
    微信开发者接口验证。 Token，自己随便定义，与微信填写一致就可以了。 根据微信接入指南描述 http://mp.weixin.qq.com/wiki/17/2d4265491f12608cd170a95559800f2d.html 第一步：填写服务器配置 第二步：验证服务器地址的有效性 第三步：依据接口文档实现业务逻辑 这里主要讲第二步验证服务器有效性。 建一个
  • 一个小编程题-类似约瑟夫环问题 BrokenDreams 编程
            今天群友出了一题：         一个数列,把第一个元素删除,然后把第二个元素放到数列的最后,依次操作下去,直到把数列中所有的数都删除,要求依次打印出这个过程中删除的数。      &
  • linux复习笔记之bash shell (5) 关于减号-的作用 eksliang linux关于减号“-”的含义linux关于减号“-”的用途linux关于“-”的含义linux关于减号的含义
        转载请出自出处： http://eksliang.iteye.com/blog/2105677        管道命令在bash的连续处理程序中是相当重要的，尤其在使用到前一个命令的studout（标准输出）作为这次的stdin（标准输入）时，就显得太重要了，某些命令需要用到文件名，例如上篇文档的的切割命令（split）、还有
  • Unix(3) 18289753290 unix ksh
    1)若该变量需要在其他子进程执行，则可用"$变量名称"或${变量}累加内容 什么是子进程？在我目前这个shell情况下，去打开一个新的shell，新的那个shell就是子进程。一般状态下，父进程的自定义变量是无法在子进程内使用的，但通过export将变量变成环境变量后就能够在子进程里面应用了。 2)条件判断： &&代表and  ||代表or&nbs
  • 关于ListView中性能优化中图片加载问题 酷的飞上天空 ListView
    ListView的性能优化网上很多信息，但是涉及到异步加载图片问题就会出现问题。 具体参看上篇文章http://314858770.iteye.com/admin/blogs/1217594   如果每次都重新inflate一个新的View出来肯定会造成性能损失严重，可能会出现listview滚动是很卡的情况，还会出现内存溢出。 现在想出一个方法就是每次都添加一个标识，然后设置图
  • 德国总理默多克：给国人的一堂“震撼教育”课 永夜-极光 教育
    http://bbs.voc.com.cn/topic-2443617-1-1.html德国总理默多克：给国人的一堂“震撼教育”课　 安吉拉—默克尔，一位经历过社会主义的东德人，她利用自己的博客，发表一番来华前的谈话，该说的话，都在上面说了，全世界想看想传播——去看看默克尔总理的博客吧！ 　　德国总理默克尔以她的低调、朴素、谦和、平易近人等品格给国人留下了深刻印象。她以实际行动为中国人上了一堂
  • 关于Java继承的一个小问题。。。 随便小屋 java
    今天看Java 编程思想的时候遇见一个问题，运行的结果和自己想想的完全不一样。先把代码贴出来！ //CanFight接口 interface Canfight { void fight(); } //ActionCharacter类 class ActionCharacter { public void fight() { System.out.pr
  • 23种基本的设计模式 aijuans 设计模式
    Abstract Factory：提供一个创建一系列相关或相互依赖对象的接口，而无需指定它们具体的类。 　　Adapter：将一个类的接口转换成客户希望的另外一个接口。A d a p t e r模式使得原本由于接口不兼容而不能一起工作的那些类可以一起工作。 　　Bridge：将抽象部分与它的实现部分分离，使它们都可以独立地变化。 　　Builder：将一个复杂对象的构建与它的表示分离，使得同
  • 《周鸿祎自述：我的互联网方法论》读书笔记 aoyouzi 读书笔记
    从用户的角度来看,能解决问题的产品才是好产品,能方便/快速地解决问题的产品,就是一流产品.   商业模式不是赚钱模式 一款产品免费获得海量用户后,它的边际成本趋于0,然后再通过广告或者增值服务的方式赚钱,实际上就是创造了新的价值链.   商业模式的基础是用户,木有用户,任何商业模式都是浮云.商业模式的核心是产品,本质是通过产品为用户创造价值. 商业模式还包括寻找需求
  • JavaScript动态改变样式访问技术 百合不是茶 JavaScriptstyle属性ClassName属性
      一:style属性 格式:  HTML元素.style.样式属性="值";   创建菜单:在html标签中创建 或者 在head标签中用数组创建   <html> <head> <title>style改变样式</title> </head> &l
  • jQuery的deferred对象详解 bijian1013 jquerydeferred对象
            jQuery的开发速度很快，几乎每半年一个大版本，每两个月一个小版本。         每个版本都会引入一些新功能，从jQuery 1.5.0版本开始引入的一个新功能----deferred对象。    &nb
  • 淘宝开放平台TOP Bill_chen C++c物流C#
    淘宝网开放平台首页：http://open.taobao.com/ 淘宝开放平台是淘宝TOP团队的产品，TOP即TaoBao Open Platform， 是淘宝合作伙伴开发、发布、交易其服务的平台。 支撑TOP的三条主线为：    1.开放数据和业务流程     * 以API数据形式开放商品、交易、物流等业务；  &
  • 【大型网站架构一】大型网站架构概述 bit1129 网站架构
    大型互联网特点 面对海量用户、海量数据 大型互联网架构的关键指标 高并发 高性能 高可用 高可扩展性 线性伸缩性 安全性 大型互联网技术要点   前端优化 CDN缓存 反向代理 KV缓存 消息系统 分布式存储 NoSQL数据库 搜索 监控 安全 想到的问题： 1.对于订单系统这种事务型系统，如
  • eclipse插件hibernate tools安装 白糖_ Hibernate
    eclipse helios(3.6)版 1.启动eclipse 2.选择 Help > Install New Software...> 3.添加如下地址： http://download.jboss.org/jbosstools/updates/stable/helios/ 4.选择性安装：hibernate tools在All Jboss tool
  • Jquery easyui Form表单提交注意事项 bozch jquery easyui
    jquery easyui对表单的提交进行了封装，提交的方式采用的是ajax的方式，在开发的时候应该注意的事项如下：         1、在定义form标签的时候，要将method属性设置成post或者get，特别是进行大字段的文本信息提交的时候，要将method设置成post方式提交，否则页面会抛出跨域访问等异常。所以这个要
  • Trie tree(字典树)的Java实现及其应用-统计以某字符串为前缀的单词的数量 bylijinnan java实现
    import java.util.LinkedList; public class CaseInsensitiveTrie { /** 字典树的Java实现。实现了插入、查询以及深度优先遍历。 Trie tree's java implementation.(Insert,Search,DFS) Problem Description Igna
  • html css 鼠标形状样式汇总 chenbowen00 htmlcss
    css鼠标手型cursor中hand与pointer  Example：CSS鼠标手型效果 <a href="#" style="cursor:hand">CSS鼠标手型效果</a><br/>  Example：CSS鼠标手型效果 <a href="#" style=&qu
  • [IT与投资]IT投资的几个原则 comsci it
          无论是想在电商,软件,硬件还是互联网领域投资,都需要大量资金,虽然各个国家政府在媒体上都给予大家承诺,既要让市场的流动性宽松,又要保持经济的高速增长....但是,事实上,整个市场和社会对于真正的资金投入是非常渴望的,也就是说,表面上看起来,市场很活跃,但是投入的资金并不是很充足的......    
  • oracle with语句详解 daizj oraclewithwith as
    oracle with语句详解 转 在oracle中，select 查询语句，可以使用with,就是一个子查询，oracle 会把子查询的结果放到临时表中，可以反复使用 例子:注意，这是sql语句，不是pl/sql语句， 可以直接放到jdbc执行的 ----------------------------------------------------------------
  • hbase的简单操作 deng520159 数据库hbase
    近期公司用hbase来存储日志,然后再来分析 ,把hbase开发经常要用的命令找了出来. 用ssh登陆安装hbase那台linux后 用hbase shell进行hbase命令控制台! 表的管理 1）查看有哪些表 hbase(main)> list 2）创建表   # 语法：create <table>, {NAME => <family&g
  • C语言scanf继续学习、算术运算符学习和逻辑运算符 dcj3sjt126com c
    /* 2013年3月11日20:37:32 地点：北京潘家园 功能：完成用户格式化输入多个值 目的：学习scanf函数的使用 */ # include <stdio.h> int main(void) { int i, j, k; printf("please input three number:\n"); //提示用
  • 2015越来越好 dcj3sjt126com 歌曲
    越来越好 房子大了电话小了 感觉越来越好 假期多了收入高了 工作越来越好 商品精了价格活了 心情越来越好 天更蓝了水更清了 环境越来越好 活得有奔头人会步步高 想做到你要努力去做到 幸福的笑容天天挂眉梢 越来越好 婆媳和了家庭暖了 生活越来越好 孩子高了懂事多了 学习越来越好 朋友多了心相通了 大家越来越好 道路宽了心气顺了 日子越来越好 活的有精神人就不显
  • java.sql.SQLException: Value '0000-00-00' can not be represented as java.sql.Tim feiteyizu mysql
    数据表中有记录的time字段（属性为timestamp）其值为：“0000-00-00 00:00:00” 程序使用select 语句从中取数据时出现以下异常： java.sql.SQLException:Value '0000-00-00' can not be represented as java.sql.Date   java.sql.SQLException: Valu
  • Ehcache（07）——Ehcache对并发的支持 234390216 并发ehcache锁ReadLockWriteLock
    Ehcache对并发的支持          在高并发的情况下，使用Ehcache缓存时，由于并发的读与写，我们读的数据有可能是错误的，我们写的数据也有可能意外的被覆盖。所幸的是Ehcache为我们提供了针对于缓存元素Key的Read（读）、Write（写）锁。当一个线程获取了某一Key的Read锁之后，其它线程获取针对于同
  • mysql中blob,text字段的合成索引 jackyrong mysql
      在mysql中，原来有一个叫合成索引的，可以提高blob,text字段的效率性能， 但只能用在精确查询，核心是增加一个列，然后可以用md5进行散列，用散列值查找 则速度快 比如： create table abc(id varchar(10),context blog,hash_value varchar(40)); insert into abc(1,rep
  • 逻辑运算与移位运算 latty 位运算逻辑运算
    源码：正数的补码与原码相同例+7 源码：00000111 补码 ：00000111 （用8位二进制表示一个数） 负数的补码： 符号位为1，其余位为该数绝对值的原码按位取反；然后整个数加1。   -7 源码： 10000111 ，其绝对值为00000111  取反加一：11111001 为-7补码 已知一个数的补码，求原码的操作分两种情况：
  • 利用XSD 验证XML文件 newerdragon javaxmlxsd
    XSD文件 （XML Schema 语言也称作 XML Schema 定义（XML Schema Definition，XSD）。 具体使用方法和定义请参看： http://www.w3school.com.cn/schema/index.asp java自jdk1.5以上新增了SchemaFactory类 可以实现对XSD验证的支持，使用起来也很方便。 以下代码可用在J
  • 搭建 CentOS 6 服务器(12) - Samba rensanning centos
    （1）安装 # yum -y install samba Installed: samba.i686 0:3.6.9-169.el6_5 # pdbedit -a rensn new password:123456 retype new password:123456 …… （2）Home文件夹 # mkdir /etc
  • Learn Nodejs 01 toknowme nodejs
    （1）下载nodejs https://nodejs.org/download/ 选择相应的版本进行下载     （2）安装nodejs 安装的方式比较多，请baidu下 我这边下载的是“node-v0.12.7-linux-x64.tar.gz”这个版本 （1）上传服务器 （2）解压 tar -zxvf  node-v0.12.
  • jquery控制自动刷新的代码举例 xp9802 jquery
    1、html内容部分  复制代码代码示例: <div id='log_reload'> <select name="id_s" size="1"> <option value='2'>-2s-</option> <option value='3'>-3s-</option
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他