亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

關于頁面布局

我把這些刪了

#page:after,

#page:before{

? content:"";

? display: table;

}

#page:after{

? clear:both;

? overflow: hidden;

}

在下邊footer里加上?margin-top:20px;為什么footer和page之間沒有距離

http://img1.sycdn.imooc.com//59980e7a0001471c12840294.jpg

正在回答

1 回答

你刪除的部分是偽元素清除浮動的樣式,上面兩個盒子明顯是浮動過得;如果你用伸縮布局就就不會出現這種情況

解決方法在main content和sidebar content的父盒子上設置display:flex,并且justify-content:space-between;

;再就是清除浮動給父盒子設置高,或者overflow:hidden;清除浮動一共有八種方法,不在一一敘述

0 回復 有任何疑惑可以回復我~
#1

可樂要加冰Xx 提問者

大佬,我知道#page:after{clear:both;overflow: hidden;}是清除浮動,那前邊的這個#page:after, #page:before{ content:"";display: table;}是啥意思
2017-08-20 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
十天精通CSS3
  • 參與學習       243057    人
  • 解答問題       2677    個

本課程為CSS3入門教程,深刻詳解CSS3知識讓網頁穿上絢麗裝備

進入課程

關于頁面布局

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號