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

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

fixed

6. 已知一 div 高 35px,緊鄰其后的 X 元素上外邊距為 15px,為該 div 設置 fixed 定位后,下列描述正確的是()

div與瀏覽器可視窗口上邊界相距15px,這個怎么是對的啊


正在回答

4 回答

<!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。

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

hello清風

還是有代碼演示比較清楚。我開始以為“fixed:有無已定位祖先元素都以瀏覽器可視窗口為基準偏移。”,這個div應該是貼著頂部的啊,演示后才知道這個條件是要把top設為0。
2016-04-13 回復 有任何疑惑可以回復我~

默認樣式沒充值導致的吧

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

設置fixed定位之后,div就脫離了文檔流(就相當于不存在)。

距離可視窗口上邊界的距離其實是div下面的X元素的margin-top撐開的。

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

因為有個margin-top。

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

舉報

0/150
提交
取消
固定層效果
  • 參與學習       51893    人
  • 解答問題       151    個

運用屬性值就輕松實現網頁固定層效果

進入課程
微信客服

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

幫助反饋 APP下載

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

公眾號

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