關(guān)于頁面布局
我把這些刪了
#page:after,
#page:before{
? content:"";
? display: table;
}
#page:after{
? clear:both;
? overflow: hidden;
}
在下邊f(xié)ooter里加上?margin-top:20px;為什么footer和page之間沒有距離
1 回答
舉報(bào)
0/150
提交
取消
我把這些刪了
#page:after,
#page:before{
? content:"";
? display: table;
}
#page:after{
? clear:both;
? overflow: hidden;
}
在下邊f(xié)ooter里加上?margin-top:20px;為什么footer和page之間沒有距離
2017-08-19
舉報(bào)
2017-08-20
你刪除的部分是偽元素清除浮動(dòng)的樣式，上面兩個(gè)盒子明顯是浮動(dòng)過得；如果你用伸縮布局就就不會(huì)出現(xiàn)這種情況
解決方法在main content和sidebar content的父盒子上設(shè)置display:flex，并且justify-content:space-between;
；再就是清除浮動(dòng)給父盒子設(shè)置高，或者overflow:hidden;清除浮動(dòng)一共有八種方法，不在一一敘述