灵嗅
灵嗅

DIV+CSS关于浮动跑到上面的原因

今天，遇到了一个问题就是div地底部莫名其妙的跑到上面去了。





无标题文档




	
TOP

    

    	

        	
LEFT
 
            
LEFT

            
LEFT

            
LEFT

            
LEFT
        
        

        

        	
CENTER
 
            
CENTER

            
CENTER

            
CENTER

            
CENTER
     
        

        
        
Clear Float DIV


    

    
BOTTOM

上面的代码就是无论你怎么清除浮动他bottom都是会跑到center下面去

如图所示：

DIV+CSS关于浮动跑到上面的原因_第1张图片

因为left、center、right这几个div现在都是浮动的状态，浮动表示你现在的中间这个大的div不占位置的所以，最底部的bottom就会往上挤压。

这时候，很多人会想到清除浮动的方法。

当然，这些都是对那些有经验的来说可能最开始就写的很仔细。

但是往往我们在编写代码的时候会时不时在left或者是center这几个div里面给他添加了高度。

这时候，我告诉你完了。

导致你无论怎么去清除浮动都是没用的。

问题原因：

关键：检查你浮动的那几个div是否你给添加了height这个属性高度。

DIV+CSS关于浮动跑到上面的原因_第2张图片

只要修改下就OK了！





无标题文档




	
TOP

    

    	

        	
LEFT
 
            
LEFT

            
LEFT

            
LEFT

            
LEFT
        
        

        

        	
CENTER
 
            
CENTER

            
CENTER

            
CENTER

            
CENTER
     
        

        
        
Clear Float DIV


    

    
BOTTOM

这样就可了

DIV+CSS关于浮动跑到上面的原因_第3张图片

问题搞定！

很多时候都是细节问题。希望这个可以帮到和一样遇到过这种问题的朋友。


你可能感兴趣的:(web前端开发)

  • 大学生HTML期末大作业——HTML+CSS+JavaScript传统文化 无·糖 Web前端期末大作业html课程设计css大学生前端大作业期末作业
    HTML+CSS+JS【传统文化】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计文章目录一、网站题目二、网站描述三、网站介绍四、网站效果五、️网站代码六、️‍如何学习进步七、‍☠️更多干货文章目录一、网站题目传统文化精美设计5页含注册登录二、网站描述总结了一些学生网页制作的经验：一般的网页需要融入以下知识点：div+css布局、浮动、定位、高级css、表格、表单及验证、js轮
  • 大学生HTML期末大作业——HTML+CSS+JavaScript游戏网站（英雄联盟） 无·糖 Web前端期末大作业html课程设计css美食游戏javascript大作业
    HTML+CSS+JS【游戏网站】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计文章目录一、网站题目二、网站描述三、网站介绍四、网站效果五、️网站代码六、️‍如何学习进步七、‍☠️更多干货文章目录一、网站题目游戏网站（英雄联盟）含注册登录13页二、网站描述总结了一些学生网页制作的经验：一般的网页需要融入以下知识点：div+css布局、浮动、定位、高级css、表格、表单及验证、
  • Vue3 学习教程，从入门到精通，Vue3 简介知识点及案例代码（1） 知识分享小能手 vue3前端开发网页开发学习bootstrapjavascripttypescript前端vue.jsvue
    Vue3简介知识点及案例代码一、Vue3简介Vue3是一款用于构建用户界面的渐进式JavaScript框架，采用MVVM模式，具有响应式、组件化等优点，可提高开发效率，优化应用性能。二、Web前端开发概述Web前端开发涉及HTML、CSS、JavaScript等技术，用于构建用户可直接交互的页面部分。随着技术发展，出现了多种前端框架，Vue3是其中的优秀代表，基于前后端分离模式，使前后端开发解耦，
  • JavaWeb开发1 偷萧逸苦茶 java
    JavaWeb什么是web?全球广域网，能够通过浏览器访问的网站Web网站工作流程Web前端开发网页有哪些部分组成？文字，图片，音频，视频，超链接...我们看到的网页本质是程序员写的前端代码前端代码如何转换成用户眼中的网页？通过浏览器解析和渲染浏览器中对代码解析渲染的部分称为浏览器内核Web标准HTML：负责网页结构（页面元素和内容）CSS：负责网页的表现（页面元素外观，位置等页面样式，如颜色、大
  • 基于 Three.js 与 WebGL 的商场全景 VR 导航系统源码级解析 维小帮定位导航 javascriptvr前端开发场景优化WebGL物联网智慧商场
    本文面向Web前端开发者、WebGL/Three.js爱好者、对VR/AR应用开发感兴趣的技术人员、智慧商场解决方案开发者。详细介绍如何利用WebGL(Three.js框架)构建高性能的商场全景VR环境，并实现精准的室内定位与3D路径规划导航功能。如需获取商场全景VR导航系统解决方案请前往文章最下方获取，如有项目合作及技术交流欢迎私信作者。一、商场全景VR导航的核心技术概述商场全景VR导航融合了全
  • 大学专业科普 | 计算机应用、视觉与算法 鸭鸭鸭进京赶烤 计算机应用
    一、专业概述计算机应用专业是一门实践性很强的学科，专注于将计算机技术转化为实际应用，服务于各个行业和领域，为社会的数字化转型提供人才支撑。二、课程设置专业基础课程：包括计算机组成原理、操作系统、数据结构、计算机网络等，为学生构建坚实的理论基础。专业核心课程：聚焦于程序设计语言（如C、C++、Java、Python等）、数据库原理与应用、软件工程、Web前端开发等，使学生具备开发各类软件系统的能力。
  • 基于three.js的3D粒子动效实现 cs1247959734
    作者：个推web前端开发工程师梁神一、背景粒子特效是为模拟现实中的水、火、雾、气等效果由各种三维软件开发的制作模块，原理是将无数的单个粒子组合使其呈现出固定形态，借由控制器、脚本来控制其整体或单个的运动，模拟出现真实的效果。three.js是用JavaScript编写的WebGL的第三方库，three.js提供了丰富的API帮助我们去实现3D动效，本文主要介绍如何使用three.js实现粒子过渡效
  • 前端面试题之常规布局技术详解 前端小崔 前端前端面试开发语言css3css学习
    前端开发常规布局技术详解在Web前端开发中，布局是构建页面结构的核心环节。不同的布局方式适用于不同的场景，本文将从基础到进阶，详细解析常见的布局方案及其实现方法。一、静态布局（StaticLayout）概念：静态布局是最传统的布局方式，页面元素使用固定尺寸（如像素单位），不随屏幕尺寸变化而调整。例如，PC端网页常限制最小宽度，超出部分通过滚动条显示。优点：开发简单，兼容性高，适合传统PC端项目。缺
  • Web前端开发【新手入门指南】 「已注销」 计算机网络web前端前端开发网络学习计算机网络前端前端框架html5javascript
    Web前端开发入行门槛低、薪资高，是互联网行业的紧俏岗位之一。目前Web前端开发人员年薪基本都在10万以上，一线城市的薪资会更高，这也吸引了很多人进入Web前端行业。对于完全不了解行业的人来说，他们对Web前端知之甚少。下面小菌就给大家解读一下Web前端开发到底是干什么的，初学Web前端的小伙伴不容错过。Web前端开发主要用来干嘛？Web前端开发是从网页制作演变而来的，名称上有很明显的时代特征。在
  • 备考1+X web前端开发-中级综合测试题-个人错题解析记录 混世黑化大魔王 1+Xweb前端开发中级综合测试题个人错题解析记录前端
    1+Xweb前端开发-中级综合测试题-错题解析记录11.在php中，语句for(k=0;k=1;k++);和语句for(k=0;k==1;k++);执行的次数分别是（A）A、0和无限B、无限和0C、都是0D、都是无限关键在中间的那个条件（1）语句for(k=0;k=1;k++);$k=1;是赋值，最后就是1，一般判断条件为真假是和0做比较，0为假，非0为真，所以1就是真，符合条件，所以k被赋值0，
  • web前端 java前端_web前端和Java后端有什么区别？ weixin_39534395 web前端java前端
    一、前端(Frontend)1、对于web前端来说，通常是指网站的前台部分，包括网站的表现层和结构层：Web页面的结构、Web的外观视觉表现以及Web层面的交互实现。2、前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计，前端开发则是网站的前台代码实现。3、Web前端开发：HTML+CSS+JavaScriptAndroid终端开发：Java(开发工具：Androidstud
  • html5 vue react,Web前端技术（JS，HTML5，JQuery，React，Vue.js） Partfolio html5vuereact
    Web前端框架概览Web前端技术架构：展示层：html，css控制层：JavaScript后端服务接口：ajax，restful，node.jsWeb前端运行原理解析Web前端当前开发趋势典型的web前端开发框架：jQuery、BootstrapVueReactJSWeb前端框架实现原理主流JS框架实现剖析：jQuery、Vue，ReactJS，Node.JS浏览器工作原理JavaScript对象
  • web前端面试--浏览器兼容性问题、HTML5新标签、CSS媒体查询、CSS-hack、浏览器厂商前缀、优雅降级、渐进增强、 Penk是个码农 前端面试题html面试前端
    web前端面试本人是一个web前端开发工程师，主要是vue框架，整理了一些面试题，今后也会一直更新，有好题目的同学欢迎评论区分享;-）web面试题专栏：点击此处文章目录web前端面试前言HTML兼容性CSS兼容性JavaScript兼容性前言不同浏览器或者相同浏览器不同的版本内核，都可能引起兼容性问题，不只是dom，还有css以及js。HTML兼容性h5新标签只能兼容到ie9，如果想要兼容ie低版
  • 零基础学习WEB前端开发(三)：VsCode工具生成的代码框架分析 是刃小木啦~ WEB前端开发前端vscodehtml
    我用VsCode创建的第一个页面用VSCode来写代码确实不错呀！！！在前一节，用！生成了一个Html框架，并在此基础上进行了微量修改，先对这个框架进行分析文档类型声明标签是文档类型声明，告诉浏览器使用哪种HTML版本来显示网页。声明为HTML5文档这个本身不属于HTML里的代码标签lang语言类型用来定义当前文档显示类型en为英文网页zh-CN为中文网页事实上，在中文网页里可以写英文，在英文网页
  • React Native 入门教程 yatsov 杂记移动应用移动应用开发web前端开发
    ReactNative入门教程1简介ReactNative(简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的UI框架React在原生移动应用平台的衍生产物，目前支持iOS和安卓两大平台。熟悉Web前端开发的技术人员只需很少的学习就可以进入移动应用开发领域。2准备工作安装ReactNative的环境需要以下配置1安装Node.js2下载andro
  • CSS特效 鼠标悬浮文字跳动动画效果 DTcode7 HTML网站开发#前端基础入门三大核心之CSSHTMLCSSwebcss3网页开发
    CSS特效鼠标悬浮文字跳动动画效果基本概念与作用文字跳动动画功能与目的示例一：基础的文字跳动动画HTML示例代码解释示例二：多阶段跳动动画代码解释示例三：自定义跳动路径代码解释示例四：组合动画代码解释实际开发中的使用技巧在Web前端开发中，给用户带来视觉冲击力强且有趣的交互效果是提升用户体验的关键因素之一。本文将介绍如何利用CSS实现一种常见的特效——鼠标悬浮时文字跳动的动画效果。这个效果不仅能够
  • python web项目案例教程_Python Web开发案例教程（慕课版）——使用Flask、Tornado、Django... weixin_39746282 pythonweb项目案例教程
    第1章Web开发基础11.1Web概述21.1.1什么是Web21.1.2Web应用程序的工作原理21.1.3Web的发展历程21.2Web前端开发基础41.2.1HTML41.2.2CSS101.2.3JavaScript12小结14上机指导15习题17第2章Python常用Web框架182.1Python常用Web框架概述192.1.1什么是Web框架19第1章Web开发基础11.1Web概述
  • Web 前端开发技术 —— CSS 敲代码的小李同学吖 Web前端面试突击指南css前端html
    文章目录Web前端开发技术——CSS一、样式定义方式1.行内样式表2内部样式表3外部样式表二、选择器1.标签选择器2.ID选择器3.类选择器4.伪类选择器三、颜色四、文本五、字体六、背景七、边框八、元素展示格式十、内边距与外边距十一、盒子模型box-sizing十一、位置十二、浮动十三、flex布局十四、响应式布局十五、Grid布局十六、Boostrap框架Web前端开发技术——CSS一、样式定义
  • 各大网站，欢迎大家收藏转发 Android开发者小P 前端前端vuenode
    人整理来之不易请珍惜，如有错误请谅解，谢谢。。。资源教程:综合类前端知识体系前端知识结构Web前端开发大系概览Web前端开发大系概览-中文版WebFront-endStackv2.2免费的编程中文书籍索引前端书籍前端免费书籍大全前端知识体系免费的编程中文书籍索引智能社-精通JavaScript开发重新介绍JavaScript（JS教程）麻省理工学院公开课：计算机科学及编程导论JavaScript中
  • 最全的前端资源教程 Daisukes web
    https://github.com/AutumnsWind/Front-end-tutorial部分内容是出自：https://github.com/jsfront/src/blob/master/qq.md资源教程:综合类前端知识体系前端知识结构Web前端开发大系概览Web前端开发大系概览-中文版WebFront-endStackv2.2免费的编程中文书籍索引前端书籍前端免费书籍大全前端知识体
  • python web前端开发面试_Web前端经典面试试题（一） 勿叹 pythonweb前端开发面试
    本篇收录了一些面试中经常会遇到的经典面试题，并且都给出了我在网上收集的答案。眼看新的一年马上就要开始了，相信很多的前端开发者会有一些跳槽的悸动，通过对本篇知识的整理以及经验的总结，希望能帮到更多的前端面试者。(如有错误或更好的答案，欢迎指正，水平有限，望各位不吝指教。)一.什么是语义化的HTML?有何意义？为什么要做到语义化？(高频率考题)a.什么是语义化的HTML？语义化的HTML就是写出的HT
  • web前端开发：CSS的常用选择器 一只小风华~ HTML前端csshtmlhtml5
    CSS常用选择器CSS选择器是用于精准定位HTML元素并对其应用样式的核心工具。它的作用类似于“筛选器”，通过特定规则匹配文档中的元素，从而实现样式控制。核心作用定位元素通过元素名称、类名、ID、属性等条件，快速找到需要样式化的目标元素。应用样式规则将CSS声明（如颜色、布局等）绑定到匹配的元素上，实现视觉设计。实现结构控制通过层级关系（如父子、兄弟元素）精准控制复杂布局。常见选择器类型与用途选择
  • Web前端开发——超链接与浮动框架（下） wslsnyn web前端开发php开发语言前端htmlweb
    本节说明：上一节，我们了解了超链接概述与超链接的语法、路径及分类两大部分内容，本节我们将了解超链接的应用与浮动框架。三、超链接的应用在网络上能够通过链接访问不同的资源或网页。链接对象多种多样，可分为文件、FTP站点、图像、电子邮件及书签等。3.1创建HTTP文档下载超链接网站经常提供软件、文件等资料的下载，下载文件的链接指向文件所在的相对路径或绝对路径，文件类型为*.doc、*.pdf、*.exe
  • 39、web前端开发之Vue3保姆教程(三) 跟着汪老师学编程 前端vue.js
    四、Vue3中集成ElementPlus1、什么是ElementPlusElementPlus是一款基于Vue3的开源UI组件库，旨在为开发者提供一套高质量、易用的组件，用于快速构建现代化的web应用程序。ElementPlus提供了大量的UI组件，包括但不限于：表单组件：输入框、选择器、开关、复选框、单选框等。数据展示组件：表格、分页、标签、卡片等。导航组件：按钮、菜单、导航栏、标签页等。反馈组
  • Web前端开发——列表 wslsnyn web前端开发前端javascript开发语言web
    本节学习目标：大型IT网站(例如网易、搜狐、新浪等)首页的导航栏目均采用列表方式来显示信息。通过对本章列表知识的学习，读者能够了解列表的类型，掌握无序列表、有序列表、定义列表的作用及使用方法；学会使用不同类型列表及嵌套列表来解决网页设计中遇到的一些实际问题。Web前端开发工程师应知应会以下内容：1）了解列表的类型。2）掌握无序列表、有序列表、定义列表标记的语法及属性设置方法。3）学会使用无序、有序
  • 人工智能之web前端开发（deepSeek与文心一言结合版） 辣辣y 前端chatgpt文心一言人工智能
    一.项目功能：智能问答（实时聊天+流畅打字机效果+自动滚动）停止生成（取消接口调用）、重新生成复制功能、问答分页二.效果展示：三.技术分析：fetchEventSource：传统axios请求是等接口将所有数据一次性响应回来后再渲染到页面上，当数据量较大时，响应速度较慢，且无法做到实时输出。而fetchEventSource允许客户端接收来自服务器的实时更新，前端可以实时的将流式数据展示到页面上，
  • 【Web前端开发】——JavaScript基础 msmxsd web前端开发javascript前端开发语言vscode
    根据MDN网站学习记录笔记文章目录前言一、JavaScript是什么？二、JavaScript快速入门变量运算符条件语句和函数事件三、完善示例网页添加一个图像切换器添加个性化欢迎信息前言JavaScript是一门编程语言，可为网站添加交互功能（例如：游戏、动态样式、动画以及在按下按钮或收到表单数据时做出的响应等）。一、JavaScript是什么？JavaScript（缩写：JS）是一门完备的动态编
  • react native是什么？ 是陈默啊 javascriptreactnative开发语言
    首先我们来说说reactnative是什么？ReactNative(简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的JS框架React在原生移动应用平台的衍生产物，目前支持iOS和安卓两大平台。RN使用Javascript语言，类似于HTML的JSX，以及CSS来开发移动应用，因此熟悉Web前端开发的技术人员只需很少的学习就可以进入移动应用开发
  • 基于Html+Css+javascript的网页制作（旅游主题） 二挡起步 web设计网页规划与设计前端cssjavascripthtml
    Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业，茶游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学
  • JavaScript网页设计案例：创新与互动的融合 右恩 杂文javascript
    JavaScript网页设计案例：创新与互动的融合随着互联网技术的飞速发展，JavaScript作为Web前端开发的核心语言之一，已经成为创建动态、交互式网站不可或缺的一部分。通过结合HTML和CSS，JavaScript能够为用户提供更加丰富和个性化的浏览体验。本文将介绍几个基于JavaScript的网页设计案例，展示如何利用这门语言实现创意和技术的完美结合。1.动态菜单与导航一个直观且易于使用
  • 戴尔笔记本win8系统改装win7系统 sophia天雪 win7戴尔改装系统win8
    戴尔win8 系统改装win7 系统详述 第一步：使用U盘制作虚拟光驱：         1）下载安装UltraISO：注册码可以在网上搜索。         2）启动UltraISO，点击“文件”—》“打开”按钮，打开已经准备好的ISO镜像文
  • BeanUtils.copyProperties使用笔记 bylijinnan java
    BeanUtils.copyProperties VS PropertyUtils.copyProperties 两者最大的区别是： BeanUtils.copyProperties会进行类型转换，而PropertyUtils.copyProperties不会。 既然进行了类型转换，那BeanUtils.copyProperties的速度比不上PropertyUtils.copyProp
  • MyEclipse中文乱码问题 0624chenhong MyEclipse
    一、设置新建常见文件的默认编码格式，也就是文件保存的格式。 在不对MyEclipse进行设置的时候，默认保存文件的编码，一般跟简体中文操作系统（如windows2000，windowsXP）的编码一致，即GBK。 在简体中文系统下，ANSI 编码代表 GBK编码;在日文操作系统下，ANSI 编码代表 JIS 编码。 Window-->Preferences-->General -
  • 发送邮件 不懂事的小屁孩 send email
    import org.apache.commons.mail.EmailAttachment; import org.apache.commons.mail.EmailException; import org.apache.commons.mail.HtmlEmail; import org.apache.commons.mail.MultiPartEmail;
  • 动画合集 换个号韩国红果果 htmlcss
    动画 指一种样式变为另一种样式 keyframes应当始终定义0 100 过程 1 transition  制作鼠标滑过图片时的放大效果 css .wrap{ width: 340px;height: 340px; position: absolute; top: 30%; left: 20%; overflow: hidden; bor
  • 网络最常见的攻击方式竟然是SQL注入 蓝儿唯美 sql注入
    NTT研究表明，尽管SQL注入（SQLi）型攻击记录详尽且为人熟知，但目前网络应用程序仍然是SQLi攻击的重灾区。 信息安全和风险管理公司NTTCom Security发布的《2015全球智能威胁风险报告》表明，目前黑客攻击网络应用程序方式中最流行的，要数SQLi攻击。报告对去年发生的60亿攻击 行为进行分析，指出SQLi攻击是最常见的网络应用程序攻击方式。全球网络应用程序攻击中，SQLi攻击占
  • java笔记2 a-john java
    类的封装： 1，java中，对象就是一个封装体。封装是把对象的属性和服务结合成一个独立的的单位。并尽可能隐藏对象的内部细节（尤其是私有数据） 2，目的：使对象以外的部分不能随意存取对象的内部数据（如属性），从而使软件错误能够局部化，减少差错和排错的难度。 3，简单来说，“隐藏属性、方法或实现细节的过程”称为——封装。 4，封装的特性：       4.1设置
  • [Andengine]Error：can't creat bitmap form path “gfx/xxx.xxx” aijuans 学习Android遇到的错误
            最开始遇到这个错误是很早以前了，以前也没注意，只当是一个不理解的bug，因为所有的texture，textureregion都没有问题，但是就是提示错误。 昨天和美工要图片，本来是要背景透明的png格式，可是她却给了我一个jpg的。说明了之后她说没法改，因为没有png这个保存选项。 我就看了一下，和她要了psd的文件，还好我有一点
  • 自己写的一个繁体到简体的转换程序 asialee java转换繁体filter简体
              今天调研一个任务，基于java的filter实现繁体到简体的转换，于是写了一个demo，给各位博友奉上，欢迎批评指正。          实现的思路是重载request的调取参数的几个方法，然后做下转换。          
  • android意图和意图监听器技术 百合不是茶 android显示意图隐式意图意图监听器
    Intent是在activity之间传递数据;Intent的传递分为显示传递和隐式传递   显式意图：调用Intent.setComponent() 或 Intent.setClassName() 或 Intent.setClass()方法明确指定了组件名的Intent为显式意图，显式意图明确指定了Intent应该传递给哪个组件。   隐式意图;不指明调用的名称,根据设
  • spring3中新增的@value注解 bijian1013 javaspring@Value
            在spring 3.0中，可以通过使用@value，对一些如xxx.properties文件中的文件，进行键值对的注入，例子如下： 1.首先在applicationContext.xml中加入：  <beans xmlns="http://www.springframework.
  • Jboss启用CXF日志 sunjing logjbossCXF
    1. 在standalone.xml配置文件中添加system-properties：     <system-properties>        <property name="org.apache.cxf.logging.enabled" value=&
  • 【Hadoop三】Centos7_x86_64部署Hadoop集群之编译Hadoop源代码 bit1129 centos
      编译必需的软件 Firebugs3.0.0 Maven3.2.3 Ant JDK1.7.0_67 protobuf-2.5.0 Hadoop 2.5.2源码包       Firebugs3.0.0   http://sourceforge.jp/projects/sfnet_findbug
  • struts2验证框架的使用和扩展 白糖_ 框架xmlbeanstruts正则表达式
    struts2能够对前台提交的表单数据进行输入有效性校验，通常有两种方式： 1、在Action类中通过validatexx方法验证，这种方式很简单，在此不再赘述； 2、通过编写xx-validation.xml文件执行表单验证，当用户提交表单请求后，struts会优先执行xml文件，如果校验不通过是不会让请求访问指定action的。 本文介绍一下struts2通过xml文件进行校验的方法并说
  • 记录-感悟 braveCS 感悟
    再翻翻以前写的感悟，有时会发现自己很幼稚，也会让自己找回初心。   2015-1-11 1. 能在工作之余学习感兴趣的东西已经很幸福了； 2. 要改变自己，不能这样一直在原来区域，要突破安全区舒适区，才能提高自己，往好的方面发展； 3. 多反省多思考；要会用工具，而不是变成工具的奴隶； 4. 一天内集中一个定长时间段看最新资讯和偏流式博
  • 编程之美-数组中最长递增子序列 bylijinnan 编程之美
    import java.util.Arrays; import java.util.Random; public class LongestAccendingSubSequence { /** * 编程之美 数组中最长递增子序列 * 书上的解法容易理解 * 另一方法书上没有提到的是，可以将数组排序（由小到大）得到新的数组， * 然后求排序后的数组与原数
  • 读书笔记5 chengxuyuancsdn 重复提交struts2的token验证
    1、重复提交 2、struts2的token验证 3、用response返回xml时的注意 1、重复提交 (1)应用场景 (1-1)点击提交按钮两次。 (1-2)使用浏览器后退按钮重复之前的操作，导致重复提交表单。 (1-3)刷新页面 (1-4)使用浏览器历史记录重复提交表单。 (1-5)浏览器重复的 HTTP 请求。 (2)解决方法 (2-1)禁掉提交按钮 (2-2)
  • [时空与探索]全球联合进行第二次费城实验的可能性 comsci
         二次世界大战前后,由爱因斯坦参加的一次在海军舰艇上进行的物理学实验 -费城实验   至今给我们大家留下很多迷团.....      关于费城实验的详细过程,大家可以在网络上搜索一下,我这里就不详细描述了      在这里,我的意思是,现在
  • easy connect 之 ORA-12154: TNS: 无法解析指定的连接标识符 daizj oracleORA-12154
    用easy connect连接出现“tns无法解析指定的连接标示符”的错误，如下： C:\Users\Administrator>sqlplus username/[email protected]:1521/orcl SQL*Plus: Release 10.2.0.1.0 – Production on 星期一 5月 21 18:16:20 2012 Copyright (c) 198
  • 简单排序:归并排序 dieslrae 归并排序
    public void mergeSort(int[] array){ int temp = array.length/2; if(temp == 0){ return; } int[] a = new int[temp]; int
  • C语言中字符串的\0和空格 dcj3sjt126com c
       \0 为字符串结束符，比如说：                       abcd (空格)cdefg； 存入数组时，空格作为一个字符占有一个字节的空间，我们
  • 解决Composer国内速度慢的办法 dcj3sjt126com Composer
    用法： 有两种方式启用本镜像服务： 1 将以下配置信息添加到 Composer 的配置文件 config.json 中（系统全局配置）。见“例1” 2 将以下配置信息添加到你的项目的 composer.json 文件中（针对单个项目配置）。见“例2” 为了避免安装包的时候都要执行两次查询，切记要添加禁用 packagist 的设置，如下 1 2 3 4 5
  • 高效可伸缩的结果缓存 shuizhaosi888 高效可伸缩的结果缓存
    /** * 要执行的算法，返回结果v */ public interface Computable<A, V> { public V comput(final A arg); }   /** * 用于缓存数据 */ public class Memoizer<A, V> implements Computable<A,
  • 三点定位的算法 haoningabc c算法
    三点定位， 已知a,b,c三个顶点的x,y坐标 和三个点都z坐标的距离，la，lb,lc 求z点的坐标 原理就是围绕a,b,c 三个点画圆，三个圆焦点的部分就是所求 但是，由于三个点的距离可能不准，不一定会有结果， 所以是三个圆环的焦点，环的宽度开始为0，没有取到则加1 运行 gcc -lm test.c test.c代码如下 #include "stdi
  • epoll使用详解 jimmee clinux服务端编程epoll
    epoll - I/O event notification facility在linux的网络编程中，很长的时间都在使用select来做事件触发。在linux新的内核中，有了一种替换它的机制，就是epoll。相比于select，epoll最大的好处在于它不会随着监听fd数目的增长而降低效率。因为在内核中的select实现中，它是采用轮询来处理的，轮询的fd数目越多，自然耗时越多。并且，在linu
  • Hibernate对Enum的映射的基本使用方法 linzx0212 enumHibernate
      枚举   /** * 性别枚举 */ public enum Gender { MALE(0), FEMALE(1), OTHER(2); private Gender(int i) { this.i = i; } private int i; public int getI
  • 第10章 高级事件（下） onestopweb 事件
    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/
  • 孙子兵法 roadrunners 孙子兵法
    始计第一 孙子曰： 兵者，国之大事，死生之地，存亡之道，不可不察也。 故经之以五事，校之以计，而索其情：一曰道，二曰天，三曰地，四曰将，五 曰法。道者，令民于上同意，可与之死，可与之生，而不危也；天者，阴阳、寒暑 、时制也；地者，远近、险易、广狭、死生也；将者，智、信、仁、勇、严也；法 者，曲制、官道、主用也。凡此五者，将莫不闻，知之者胜，不知之者不胜。故校 之以计，而索其情，曰
  • MySQL双向复制 tomcat_oracle mysql
    本文包括: 主机配置 从机配置 建立主-从复制 建立双向复制   背景 按照以下简单的步骤: 参考一下： 在机器A配置主机(192.168.1.30) 在机器B配置从机(192.168.1.29) 我们可以使用下面的步骤来实现这一点   步骤1：机器A设置主机 在主机中打开配置文件 ,
  • zoj 3822 Domination(dp) 阿尔萨斯 Mina
    题目链接：zoj 3822 Domination 题目大意：给定一个N∗M的棋盘，每次任选一个位置放置一枚棋子，直到每行每列上都至少有一枚棋子，问放置棋子个数的期望。 解题思路：大白书上概率那一张有一道类似的题目，但是因为时间比较久了，还是稍微想了一下。dp[i][j][k]表示i行j列上均有至少一枚棋子，并且消耗k步的概率（k≤i∗j）,因为放置在i+1~n上等价与放在i+1行上，同理
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他