                        課程
                    
                        /前端開發
                        
                            /HTML/CSS
                        
                        /如何用CSS進行網頁布局

對于clear:both的疑惑？

如果把clear:both去掉為什么footer的div就跑上面了呢?它本身不就是在main的下面嗎？為什么加了又跑到main的下面了呢

晨曦_0026

2016-04-29

源自：如何用CSS進行網頁布局 5-2

關注問題我要回答

650

操作

收起

2 回答

輕合琴簫回答被采納 +3 積分
2016-04-29

div是塊狀元素，它會很霸道的占一行，從代碼可以看出啊，整個的main內容塊沒有指定高度的，只有它的子內容塊指定了高度，但是它的子內容塊是浮動的，所以子內容塊的高度不能影響成為main的高度，那么瀏覽器就默認了把footer的div顯示在top的下一行，這個時候添加clear:both清除了上面模塊的浮動特性，那么此時main的高度就是和子內容塊的高度是一樣的，因此瀏覽器就會把footer的div顯示在main的下一行； ? 你可以嘗試把clear:both語句清除，然后定義如下的樣式?.main{height:600px;}；把main的高度加上，那么瀏覽器也會正確顯示的（我也剛學的，表達不清楚，不知道你可不可以理解）