overflow属性
2015-07-24 13:59
155 查看
overflow occur when
A line cannot be broken, causing the line box to be wider than the block box.
A block-level box is too wide for the containing block. This may happen when an element's 'width' property has a value that causes the generated block box to spill over sides of the containing block.
An element's height exceeds an explicit height assigned to the containing block (i.e., the containing block's height is determined by the 'height' property, not by content height).
A descendant box is positioned absolutely, partly outside the box. Such boxes are not always clipped by the overflow property on their ancestors; specifically, they are not clipped by the overflow of any ancestor between themselves and their containing block
A descendant box has negative margins, causing it to be positioned partly outside the box.
The 'text-indent' property causes an inline box to hang off either the left or right edge of the block box.
overflow don't occur when
This property specifies whether content of a block container element is clipped when it overflows the element's box. It affects the clipping of all of the element's content except any descendant elements (and their respective content and descendants) whose containing block is the viewport or an ancestor of the element
reference:http://www.w3.org/TR/CSS21/visufx.html
A line cannot be broken, causing the line box to be wider than the block box.
A block-level box is too wide for the containing block. This may happen when an element's 'width' property has a value that causes the generated block box to spill over sides of the containing block.
An element's height exceeds an explicit height assigned to the containing block (i.e., the containing block's height is determined by the 'height' property, not by content height).
A descendant box is positioned absolutely, partly outside the box. Such boxes are not always clipped by the overflow property on their ancestors; specifically, they are not clipped by the overflow of any ancestor between themselves and their containing block
A descendant box has negative margins, causing it to be positioned partly outside the box.
The 'text-indent' property causes an inline box to hang off either the left or right edge of the block box.
overflow don't occur when
This property specifies whether content of a block container element is clipped when it overflows the element's box. It affects the clipping of all of the element's content except any descendant elements (and their respective content and descendants) whose containing block is the viewport or an ancestor of the element
reference:http://www.w3.org/TR/CSS21/visufx.html
相关文章推荐
- eclipse的web目录及各作用
- Android中dip、dp、sp、pt和px的区别
- 设置Tomcat启动窗体Title
- 层次遍历二叉树
- 【UVA】10285-Longest Run on a Snowboard(动态规划)
- [爬虫]通过url获取连接地址中的数据
- Diesel powered muscle can be consequence a whole lot of 6-pack abs
- iOS开发UI篇—UIScrollView控件实现图片缩放功能
- storm是如何保证at least once语义的
- 微信公众平台和微信开放平台的区别
- 相对路径 System.Web HttpServerUtilityBase Server.MapPath("~/")
- JS设计模式
- 该 App 的 Info.plist 不能包含阻碍在任何 iOS 设备上打开此 App 的 UIRequiredDeviceCapabilities 键值
- Linux下高性能网络编程中的几个TCP/IP选项_SO_REUSEADDR、SO_RECVBUF、SO_SNDBUF、SO_KEEPALIVE、SO_LINGER、TCP_CORK、TCP_NODE
- 测试
- Angular的一些知识点
- 同步机制摘要
- 创业项目招一起发展的java
- Swift Standard Library: Documented and undocumented built-in functions in the Swift standard library – the complete list with all 74 functions
- php计算两个经纬度地点之间的距离(转)