CSS深入理解之overflow_技术问答

首页免费课 CSS深入理解之overflow 问答

CSS深入理解之overflow

                
                张鑫旭
            页面重构设计

                    查看讲师更多课程 
                    张鑫旭讲师的其他课程
                
CSS深入理解之border
中级·56801
免费课程
                                
CSS深入理解之padding
中级·52482
免费课程
                                
CSS深入理解之margin
中级·55944
免费课程
                                
CSS深入理解之z-index
中级·40882
免费课程
                                
CSS深入理解之relative
中级·47920
免费课程
                                
CSS深入理解之vertical-align
中级·39338
免费课程
                                
                难度中级
            
                时长 1小时 9分
            
                学习人数
            
综合评分9.70
                            141人评价
                        查看评价
                                9.9
                                内容实用
                            
                                9.5
                                简洁易懂
                            
                                9.7
                                逻辑清晰

全部评论问答未解决精华

yuyang123

@Wi同学理解的有问题呀，设置absolute以后的子元素，其定位以及overflow都是相对于其【包含块】来定的，那么浏览器会如何寻找其【包含块】呢？先找其父元素，父元素不是就再找父元素的父元素，以此类推直到找到【包含块】或者根元素为止。那如何判断一个元素是不是【包含块】呢，看其position是否是relative/absolute/static。具体可以自己实验一下。老师这个案例发现用了absolute之后overflow无效？解决的方法简单，就是给其父元素手动加上position：relative另其形成一个包含块。

1 4-1 overflow与absolute绝对定位

2016-07-05

chiangdi

IE 是个奇葩

0 1-1 Overflow基本属性

2016-07-03

奋斗的初级小蜗牛901223

.lf{}
.mg{float:left}
.ri{background-color:#060;clear:both}

<div class="lf">
<img src="1.jpg" class="mg">
<div class="ri">
<img src="2.jpg"></div></div>
</div>

运行结果不一样

1 3-1 Overflow与块状格式上下文

2016-06-29