課程
/前端開發
/HTML/CSS
/網頁布局基礎
老師提到sidebar高度要超過自動適應的content,但是我怎么沒在sidebar代碼里面看到有關高度的設定?
2016-03-04
源自:網頁布局基礎 4-6
正在回答
這里sidebar的高度是自適應于其內容高度的(再加一些內外填充啥的),即sidebar高度=內容高度+內外填充
這里的mainbody只能依靠sidebar來撐開(因為content設為絕對定位之后,失去了對父塊mainbody的支撐能力)此時sidebar的內容足夠多,高度已經大于content的高度,所以不用再設置高度;
如果sidebar的內容較少(比如只有“CSS基礎教程那一欄”),這時候如果sidebar不設置一個大于content的高度,而mainbody的高度就等于sidebar的高(再加一些內外填充啥的),此時content就會很突兀的穿過其父塊mainbody;
此時會導致footer往上擠,與content的部分內容重疊。
.....
根據在sidebar里面添加的內容來
舉報
讓你精通CSS中三大定位機制,徹底掌握網頁布局的相關知識
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-03-20
這里sidebar的高度是自適應于其內容高度的(再加一些內外填充啥的),即sidebar高度=內容高度+內外填充
這里的mainbody只能依靠sidebar來撐開(因為content設為絕對定位之后,失去了對父塊mainbody的支撐能力)此時sidebar的內容足夠多,高度已經大于content的高度,所以不用再設置高度;
如果sidebar的內容較少(比如只有“CSS基礎教程那一欄”),這時候如果sidebar不設置一個大于content的高度,而mainbody的高度就等于sidebar的高(再加一些內外填充啥的),此時content就會很突兀的穿過其父塊mainbody;
此時會導致footer往上擠,與content的部分內容重疊。
2016-03-04
.....
2016-03-04
根據在sidebar里面添加的內容來