文档章节

CSS overflow属性

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

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

                                                                  

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

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

可选属性:

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

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

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

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

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

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

© 著作权归作者所有

共有 人打赏支持
b
粉丝 0
博文 12
码字总数 1480
作品 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
0
overflow --百度百科

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

折冲樽俎
2011/05/09
0
0
CSS清除浮动_清除float浮动

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

单线程生物
2016/04/07
38
0
使IFRAME在iOS设备上支持滚动

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

WolfX
2016/02/25
113
0
Web 前端开发者必知的9 个 CSS 属性

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

紫地瓜
2012/09/26
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Spring源码学习笔记-1-Resource

打算补下基础,学习下Spring源码,参考书籍是《Spring源码深度解析》,使用版本是Spring 3.2.x,本来想试图用脑图记录的,发现代码部分不好贴,还是作罢,这里只大略记录下想法,不写太细了 ...

zypy333
今天
10
0
RestClientUtil和ConfigRestClientUtil区别说明

RestClientUtil directly executes the DSL defined in the code. ConfigRestClientUtil gets the DSL defined in the configuration file by the DSL name and executes it. RestClientUtil......

bboss
今天
16
0

中国龙-扬科
昨天
2
0
Linux系统设置全局的默认网络代理

更改全局配置文件/etc/profile all_proxy="all_proxy=socks://rahowviahva.ml:80/"ftp_proxy="ftp_proxy=http://rahowviahva.ml:80/"http_proxy="http_proxy=http://rahowviahva.ml:80/"......

临江仙卜算子
昨天
10
0
java框架学习日志-6(bean作用域和自动装配)

本章补充bean的作用域和自动装配 bean作用域 之前提到可以用scope来设置单例模式 <bean id="type" class="cn.dota2.tpye.Type" scope="singleton"></bean> 除此之外还有几种用法 singleton:......

白话
昨天
10
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部