- 如果overflow-x与overflow-y的值相同,则等同于overflow;如果不同,且其中一个值为visible,那么这个visible会被重置与另外一个值相同。
- overflow作用的前提:1、非display:inline。2、对应方位尺寸限制,width、absolute拉伸等
- 解决ie7浏览器下,按钮文字越多,两端padding越大的方法:给所有按钮overflow:visible
- 无论什么浏览器,默认滚动条都来自html,而不是body,因此不用给body设置滚动条
- overflow下padding-bottom缺少(除chorme浏览器外)
- 水平居中跳动问题。方法1:html{overflow-y:scroll};方法2:.container{padding-left:calc(100vw-100%);}(IE9+)
- overflow可以实现两栏自适应布局
.left{
width: 300px;
height: 100%;
background-color: #ccc;
float: left;
}
.right{
height: 100%;
overflow:hidden;
background-color: #eee;
} - overflow可以使元素BFC化,既不受外部影响。
- 两栏自适应布局最佳写法:.cell{display:table-cell;width:2000px;display:inline-block;width:auto;
}
overflow相关
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 一、在什么场景下会出现外边距合并?如何合并?如何不让相邻元素外边距合并?给个父子外边距合并的范例 在CSS当中,相...