AV片一区二区三区无码,亚洲男人一天堂伊人阁,国产福利第一区二区三区

首頁免費課 CSS深入理解之overflow 問答

CSS深入理解之overflow

                
                張鑫旭
            頁面重構設計

                    查看講師更多課程 
                    張鑫旭講師的其他課程
                
CSS深入理解之border
中級·56793
免費課程
                                
CSS深入理解之padding
中級·52477
免費課程
                                
CSS深入理解之margin
中級·55936
免費課程
                                
CSS深入理解之z-index
中級·40878
免費課程
                                
CSS深入理解之relative
中級·47916
免費課程
                                
CSS深入理解之vertical-align
中級·39332
免費課程
                                
                難度中級
            
                時長 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