文档章节

CSS overflow属性

b
 biddyInfo
发布于 2017/05/02 10:51
字数 216
阅读 1
收藏 0
点赞 0
评论 0

在UI设计时,发现了如下问题:IE浏览器下的右侧滚动条为如下左图样式,显得极其不美观,而QQ浏览器为如下右图样式,这样的视觉效果就很好。虽然是浏览器的兼容问题,但overflow属性还是值得研究下的。                                        

                                                                  

overflow-x:水平溢出,裁剪 div 元素中内容的左/右边缘

overflow-y;垂直溢出,裁剪 div 元素中内容的上/下边缘

可选属性:

    visible:不裁剪内容,可能会显示在内容框之外。

    hidden:裁剪内容 - 不提供滚动机制。

    scroll:裁剪内容 - 提供滚动机制。

    auto:如果溢出框,则应该提供滚动机制。

    no-display:如果内容不适合内容框,则删除整个框。

    no-content:如果内容不适合内容框,则隐藏整个内容。

© 著作权归作者所有

共有 人打赏支持
b
粉丝 0
博文 12
码字总数 1480
作品 0
武汉
overflow --百度百科

overflow CSS属性 overflow 为CSS中设置当对象的内容超过其指定高度及宽度时如何管理内容的属性。 基本特性 初始值: visible 适用于: block-level and replaced elements 继承性: 无 百分...

折冲樽俎 ⋅ 2011/05/09 ⋅ 0

position:relative和absolute以及css height

position属性 <无论怎样设置 始终文字框都无法紧贴浏览器边框……剩下的缝隙简直诱发强迫症 body { overflow: hidden;} .container{position:relative; z-index:998; padding:2rem;top: 0px...

phala ⋅ 2015/07/31 ⋅ 0

CSS清除浮动_清除float浮动

CSS清除浮动方法集合 一、浮动产生原因 - TOP 一般浮动是什么情况呢?一般是一个盒子里使用了CSS float浮动属性,导致父级对象盒子不能被撑开,这样CSS float浮动就产生了。 浮动产生样式效果...

单线程生物 ⋅ 2016/04/07 ⋅ 0

BFC模型浅识

本文多为查资料整理,如有不到之处,请指正。 1.基本概念 BFC为Block Formatting Context的简写,简称为“块级格式化上下文”,BFC为浏览器渲染某一区域的机制,CSS2.1 中只有BFC和IFC, CSS3...

Jmingzi ⋅ 2017/11/14 ⋅ 0

使IFRAME在iOS设备上支持滚动

HTML代码 在使用IFRAME或者其他HTML元素时,你需要使用一个元素(如DIV)来包装他们: 这个DIV将作为支持内部滚动的基础容器。 CSS 代码 要让IFRAME支持滚动,需要一个常用的CSS属性和一个很少人知...

WolfX ⋅ 2016/02/25 ⋅ 0

清除float浮动的几种方法

float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。 float主要...

橴Se纞姙 ⋅ 2013/12/18 ⋅ 0

Web 前端开发者必知的9 个 CSS 属性

CSS可以改进网站的设计并且开拓网站设计更多的可能性,可以令你的网页更具吸引力。对于前端开发者、网站设计师来说,掌握并熟练应用CSS是一项必不可少的技能。 下面列出了一些非常实用的CSS...

紫地瓜 ⋅ 2012/09/26 ⋅ 0

CSS布局中应用BFC的例子

BFC是啥? BFC(Block Formatting Context),“块状格式化上下文”。简单地说,它提供一个独立的布局环境。在同一个BFC中,盒子会一个挨一个地排列,margin边距还会在垂直方向上叠加。float和...

小陈同学 ⋅ 2014/03/15 ⋅ 0

CSS overflow属性用法总结

CSS的overflow属性用法总结: 一个小知识点,积累一下。最近又开始接触界面了,也正好复习一下。 1、定义和用法: overflow 属性规定当内容溢出元素框时发生的事件。 2、说明: 这个属性定义...

Jose_Wang ⋅ 2014/01/23 ⋅ 0

解决子级用css float浮动 而父级div没高度不能自适应高度

1.使用css clear清除浮动; 在父级div体内添加子级div<div style="clear:both;"/> 2.对父级样式加overflow:hidden。 <div style="overflow:hidden;"/>(PS:为什么是hidden?反其道而行之?) PS......

巨轮 ⋅ 2016/01/17 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Java集合类总结笔记

一、集合类的层次关系 主要容器集合类的特点: ArrayList 一种可以动态增长和缩减的索引序列 LinkedList 一种可以在任何位置进行高效地插入和删除的有序序列 ArrayDeque 一种用循环数组实现的...

edwardGe ⋅ 6分钟前 ⋅ 0

spring RMI远程调用

RMI https://www.cnblogs.com/wdh1995/p/6792407.html

BobwithB ⋅ 11分钟前 ⋅ 0

Jenkins实践2 之基本配置

1 插件管理 系统管理->插件管理 在可选插件中可以自主安装插件 2 管理用户 系统管理->管理用户->新建用户 3 安全配置 系统管理->全局安全配置 授权策略 选择安全矩阵 然后添加现有的用户,赋...

晨猫 ⋅ 11分钟前 ⋅ 0

c++智能指针

1、是一种泛型类,针对指针类型的泛型类,会保存指针 2、重载了符号 *和-> 对智能指针使用这两个符号,相当于对保存的泛型使用这两个符号 3、当智能指针引用计数为0时,会去释放指针指向的资...

国仔饼 ⋅ 12分钟前 ⋅ 0

Spring Boot错误处理机制

1)、SpringBoot默认的错误处理机制 默认效果: 1)、浏览器,返回一个默认的错误页面 浏览器发送请求的请求头: 2)、如果是其他客户端,默认响应一个json数据 原理: 可以参照ErrorMvcAut...

小致dad ⋅ 14分钟前 ⋅ 0

ftp连接不上的终极办法 SFTP

假如FTP由于各种原因就是连不上,那么用SFTP协议吧,使用登录服务器的账号密码。

sskill ⋅ 18分钟前 ⋅ 0

Unity 围绕旋转角度限制(Transform.RotateAround)

在 Unity 中可以利用 Transform.RotateAround 围绕指定物体进行旋转,但某些情况下可能需要对旋转角度进行控制。我是先计算出预设角度大小,然后判断是否在限定角度范围内是则进行旋转。 相关...

大轩 ⋅ 19分钟前 ⋅ 0

阿里沙箱环境支付宝测试demo

阿里支付宝支付和微信支付,包括:阿里沙箱环境支付宝测试demo,支付宝支付整合到spring+springmvc+mybatis环境和微信整合到如上环境,功能非常齐全,只需要修改对应的配置文件即可,帮助文档...

码代码的小司机 ⋅ 22分钟前 ⋅ 0

JDK1.6和JDK1.7中,Collections.sort的区别,

背景 最近,项目正在集成测试阶段,项目在服务器上运行了一段时间,点击表格的列进行排序的时候,有的列排序正常,有的列在排序的时候,在后台会抛出如下异常,查询到不到数据,而且在另外一...

tsmyk0715 ⋅ 39分钟前 ⋅ 0

C++ 中命名空间的 5 个常见用法

相信小伙伴们对C++已经非常熟悉,但是对命名空间经常使用到的地方还不是很明白,这篇文章就针对命名空间这一块做了一个叙述。 命名空间在1995年被引入到 c++ 标准中,通常是这样定义的: 命名...

柳猫 ⋅ 43分钟前 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部