第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定

fixed

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

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


正在回答

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,是因?yàn)閎ody與box2的上下margin值重疊了,body默認(rèn)magin值好像是8px吧!box2的上margin值是15px。

1 回復(fù) 有任何疑惑可以回復(fù)我~
#1

hello清風(fēng)

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

默認(rèn)樣式?jīng)]充值導(dǎo)致的吧

0 回復(fù) 有任何疑惑可以回復(fù)我~

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

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

0 回復(fù) 有任何疑惑可以回復(fù)我~

因?yàn)橛袀€(gè)margin-top。

0 回復(fù) 有任何疑惑可以回復(fù)我~

舉報(bào)

0/150
提交
取消
固定層效果
  • 參與學(xué)習(xí)       51899    人
  • 解答問(wèn)題       151    個(gè)

運(yùn)用屬性值就輕松實(shí)現(xiàn)網(wǎng)頁(yè)固定層效果

進(jìn)入課程
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)