overflow | 易学教程

移动端禁止滚动

阅读更多关于移动端禁止滚动

写在前面的话：　　在手机端常常遇到悬浮层，当悬浮层出现的时候手机的原来页面需要禁止滚动，而悬浮层可以滚动的情况。在移动端设置overflow:hidden为什么页面还能滚？要怎么禁止 http://blog.sina.com.cn/s/blog_4714e47801019f6o.html 今天用的是 fixed 的方法，下面几种方法的优劣待有空的时候来填~ 方法一：　　把原来页面上滚动的div的position设置成fixed，然后top:0，或者top设为$(window).scrollTop()（或者设置一个想要的top值，因为可能含有头部的高度，而头部不在原来的滚动范围内）, 方法二：　　把滚动的div的position设置成relative更好用些，再加overflow:hidden fixed会有个坑，慎入~ 方法三：　　ontouchmove,function(e){e.preventDefault();} 方法四：　　可以将你要隐藏滚动的内容加上一个包裹层div，然后给这个div设置高度为window.height()，并且overflow:hidden,就可以解决问题了方法五：　　 body{ 　　　　overflow: hidden; 　　　　position：fixed； }或 $(document).on('touchmove'

Stack Overflow大揭密：哪一种程序员工资最高？

阅读更多关于 Stack Overflow大揭密：哪一种程序员工资最高？

　　Stackoverflow在程序员之间可以說是无人不知无人不晓，甚至常有人开玩笑说：“如果stackoverflow倒闭了，全世界代码的产出率将下降一半以上”或许听起来有点夸张，但是不难想像这个网站在软件界中扮演的重要地位。　　你知道根据stackoverflow统计，最受欢迎的程序语言是那一种吗？快来一探究竟吧！　　「Stack Overflow开发者调查」是由全球著名IT科技网站Stack Overflow发起的，专门针对该站注册开发者用户的问卷调查活动。该调查已经持续了三年之久。去年的调查是近年来规模最大，问题最多，涵盖范围最广的一次。　　最受欢迎的程序语言–Js Js 　　写哪一种语言的工程师，薪水最高？ Object-C 　　根据StackOverflow统计，最赚钱的工程师用的是开发IOS应用程序的御用语言“Object-C”，紧接其后的是Java家族的“Node.js” 　　在家工作的工程师收入比每天到办公室报到的工程师多40% 　　看来越来越多的程序员可以体验到自由工作的乐趣，并且学会了合理的分配时间来享受生活和工作，这里也希望越来越多的开发者加入我们程序员客栈www.proginn.com成为一名freelancer。　　 76%的工程师满意自己的工作　　而76%满意自己工作的工程师中有将近一半是热爱自己的工作的，接受调查的工程师中

关于CSS的技巧

阅读更多关于关于CSS的技巧

display显示与隐藏隐藏：display： none；显示：display：block；特性 :隐藏之后，不再保留位置（后者可以占据其位置） visibility visibility：visible；对象可见 visibility：hidden；对象隐藏 overflow英藏 overflow默认是visible，是没有隐藏的。通过overflow：hidden隐藏超出的部分总结 display：后面使用较多，可以下拉菜单。而且是不保留位置的 visibility：保留位置，使用较少 overflow：隐藏超出大小的部分，可以清除float。鼠标样式我们可以通过cursor来更改鼠标样式；其中move指的是：取消轮廓线：outline：none；取消文本域拖拽：resize：none；文字和图片垂直居中对齐：vertical-align：middle；让盒子文字不溢出三部曲：先强制一行内显示文本：white-space：nowrap；超出部分隐藏：overflow：hidden；文字超出部分用省略号代替超出部分text-overflow：elli psis；来源： CSDN 作者：东巴sama 链接： https://blog.csdn.net/qq_42376204/article/details/104667966

css：overflow

阅读更多关于 css：overflow

注意点： 1.overflow-x,overflow-y, 当两者不同时，一方被设置为visible，另一个被赋值为hidden、scroll、auto，那么这个visible会被重置为auto 2.overflow前提：（1）非display ：line （2）对应方位的尺寸限制（3）对于单元格td等，还需要设置table的table-layout:fixed才行 3.IE7，button按钮，文字越多，按钮的padding越大，添加css样式overflow:visible就正常了。 4.无论什么浏览器，默认滚动条都来自于html，而非body。表现为：body默认margin0.5em，而有垂直滚动条的时候，滚动条是紧靠右边的，没有0.5em的间距 5.IE7-,默认滚动条一直出现，效果类似overflow-y:scroll,(overflow-y在IE8+才支持)，IE8+则是默认overflow-y:auto。故去除页面默认滚动条的时候，html{overflow:hidden}就行。 6.JS获取滚动条的高度 Chrome：document.body.scrollTop 其它：document.documentElement.scrollTop 而这两者在很多版本的浏览器不一定是同时支持的所以：滚动条高度=document.body.scrollTop|

网页基础（二十一）overflow

阅读更多关于网页基础（二十一）overflow

内容溢出：overflow用于超出界面部门的处理 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>overflow内容溢出</title>  <style> .d1{ border: 1px solid black; width: 200px; height: 200px; overflow: scroll; margin: auto; } </style> </head> <body> <div class="d1"> <img src="../img/828a3de7d88af696.jpg" /> <p>没有人说晚安，就自己跟自己说；没有人送早餐，就自己给自己做；没有人嘘寒问暖，就自己关注晴雨气温；没有人约，就自己计划一个充实的周末。老盯着端在手中的水反而会洒，老想着摆脱单身反而欲速则不达。怎么都不会错的事情就是努力让自己更精彩，你若盛开，清风自来。</p> </div> <div class="d1"> <img src="../img/828a3de7d88af696.jpg" /> <p>慢慢才知道很多东西是可遇而不可求的，很多东西只能拥有一次；慢慢才知道人的性格可以差异到如此之大；慢慢才知道两个天天在一起的人不一定是朋友，有可能什么都不是

父元素高度塌陷的解决办法

阅读更多关于父元素高度塌陷的解决办法

子元素浮动后不在占有原文档流的位置，如果父元素没有设置高度，就会引起父元素高度塌陷，解决的办法如下： 1：给父元素设置高度，如下图：注：只适合高度固定的布局。 2：给父元素添加：overflow:hidden/auto/scroll都可以清除浮动，如下图：注：内容增多时会造成不会自动换行，导致内容被隐藏，无法显示需要溢出的元素。 3：给浮动元素末尾添加空标签，给空标签添加clear:both，如下图：注：会添加许多无意义的标签，增加结构负担，导致代码冗余。 4：给父元素添加display:table，如下图：注：会改变父元素的元素类型。 5：伪元素清除法：::afte{content:"";display:block;clear: both;height:0;overflow: hidden;visibility: hidden;},如下图：注：代码太多，不易记忆。说明：这只是我的个人见解，不足的地方还请原谅。来源： CSDN 作者：奋斗中的猿人链接： https://blog.csdn.net/m0_46382643/article/details/104601341

高度塌陷的产生条件和解决方法

阅读更多关于高度塌陷的产生条件和解决方法

高度塌陷的产生条件：父元素没有设置高度，所有的子元素都浮动父元素在文档流中高度默认是被子元素撑开的, 1 <!DOCTYPE html> 2 <html 3 <head> 4 <meta charset="utf-8"> 5 <title>解决高度塌陷</title> 6 <style type="text/css"> 7 body{margin: 0;padding:0;} 8 .container{border: 5px solid red;} 9 .box1{width: 100px;height:100px;background: yellow;} 10 .box2{width: 200px;height:200px;background: green;} 11 </style> 12 </head> 13 <body> 14 <div class="container"> 15 <div class="box1"></div> 16 <div class="box2"></div> 17 </div> 18 </body> 19 </html> 当子元素脱离文档流以后,将无法撑起父元素的高度,也就会导致父元素的高度塌陷 1 <!DOCTYPE html> 2 <html 3 <head> 4 <meta charset="utf-8"> 5 <title>解决高度塌陷<

Flask框架（五）之SQLAlchemy

阅读更多关于 Flask框架（五）之SQLAlchemy

SQLAlchemy 一、介绍 SQLAlchemy是一个基于Python实现的ORM框架。该框架建立在 DB API之上，使用关系对象映射进行数据库操作，简言之便是：将类和对象转换成SQL，然后使用数据API执行SQL并获取执行结果。 pip3 install sqlalchemy 组成部分： Engine，框架的引擎 Connection Pooling ，数据库连接池 Dialect，选择连接数据库的DB API种类 Schema/Types，架构和类型 SQL Exprression Language，SQL表达式语言 SQLAlchemy本身无法操作数据库，其必须以来pymsql等第三方插件，Dialect用于和数据API进行交流，根据配置文件的不同调用不同的数据库API，从而实现对数据库的操作，如： MySQL-Python mysql+mysqldb://<user>:<password>@<host>[:<port>]/<dbname> pymysql mysql+pymysql://<username>:<password>@<host>/<dbname>[?<options>] MySQL-Connector mysql+mysqlconnector://<user>:<password>@<host>[:<port>]/<dbname> cx_Oracle

【原创】这一次，Chrome表现和IE11一样令人失望，围观群众有：Edge，Firefox

阅读更多关于【原创】这一次，Chrome表现和IE11一样令人失望，围观群众有：Edge，Firefox

前言俗话说，常在河边走哪能不湿鞋，天天和浏览器打交道，发现浏览器竟然也隐藏BUG也不是新鲜事了。可以看下我之前的文章：【原创】分享IE7一个神奇的BUG（不是封闭标签的问题，的确是IE7的BUG）【原创】Chrome53 最新版惊现无厘头卡死 BUG！【原创】Chrome最新版（53-55）再次爆出BUG！【原创】三招搞死你的IE11，可重现代码下载（IE Crash keyframes iframe）！【原创】抓个Firefox的小辫子，围观群众有：Chrome、Edge、IE8-11 【续】抓个Firefox的小辫子，jQuery表示不背这黑锅，Chrome,Edge,IE8-11继续围观中这类BUG之所以被大家所深恶痛绝，在于其隐蔽性，很多时候不能用常规的逻辑去分析。另一个原因是开发人员一般都很善良，出现问题总是从自身找原因，很少会怀疑到IDE，浏览器这些开发工具上面来。事实情况是，浏览器也是开发人员开发的，是个软件就有BUG！今天公开的这个Chrome BUG一直长期存在，并且行为表现的和IE11下的一模一样，而Edge和Firefox没有这个问题，下面就听我详细道来...... 起因最初这个问题是我们的一个客户发现的，为了测试性能，客户修改了官网示例的代码： https://pro.fineui.com/#/gridpaging/gridpaging

关于溢出、单行文本显示省略号

阅读更多关于关于溢出、单行文本显示省略号

溢出属性：（重要） overflow :visible/hidden/scroll/auto/inherit 值描述 visible 默认值。内容不会被修剪，会呈现在元素框之外。 hidden 内容会被修剪，并且其余内容是不可见的。 scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。 auto 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。 inherit 规定应该从父元素继承 overflow 属性的值。 overflow-x:hidden; 隐藏横向滚动条 overflow-y:hidden; 隐藏纵向滚动条文本单行显示省略号： 1.容器宽度: width:value;(px、%都可以） 2.强制文本在一行显示： white-space:nowrap; 3.溢出内容为隐蔽： overflow:hidden; 4.溢出文本显示省略号： text-overflow:ellipsis 来源： https://www.cnblogs.com/wjsblog/p/12384962.html

订阅 overflow