課程
/前端開發
/HTML/CSS
/固定層效果
6. 已知一 div 高 35px,緊鄰其后的 X 元素上外邊距為 15px,為該 div 設置 fixed 定位后,下列描述正確的是()
div與瀏覽器可視窗口上邊界相距15px,這個怎么是對的啊
2015-12-13
源自:固定層效果 2-2
正在回答
<!DOCTYPE?html> <html?lang="en"> <head> ????<meta?charset="UTF-8"> ????<title>Title</title> ????<style> ????????.box1{ ????????????width:?100%; ????????????height:?30px; ????????????position:?fixed; ????????????border:?1px?solid?#0a437a; ????????} ????????.box2{ ????????????width:?960px; ????????????margin:?15px?auto?0; ????????????height:?500px; ????????????border:?1px?solid?#a94442; ????????} ????</style> </head> <body> ????<div?class="box1"></div> ????<div?class="box2"></div> </body> </html>
最終 ?div與瀏覽器可視窗口上邊界相距15px,是因為body與box2的上下margin值重疊了,body默認magin值好像是8px吧!box2的上margin值是15px。
hello清風
默認樣式沒充值導致的吧
設置fixed定位之后,div就脫離了文檔流(就相當于不存在)。
距離可視窗口上邊界的距離其實是div下面的X元素的margin-top撐開的。
因為有個margin-top。
舉報
運用屬性值就輕松實現網頁固定層效果
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-01-04
最終 ?div與瀏覽器可視窗口上邊界相距15px,是因為body與box2的上下margin值重疊了,body默認magin值好像是8px吧!box2的上margin值是15px。
2015-12-13
默認樣式沒充值導致的吧
2015-12-13
設置fixed定位之后,div就脫離了文檔流(就相當于不存在)。
距離可視窗口上邊界的距離其實是div下面的X元素的margin-top撐開的。
2015-12-13
因為有個margin-top。