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

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

是否可以用來反駁老師講的課？

課程：固定層效果 1-3 absolute與fixed的相同點

這是效果：

575e59020001e3c205000200.jpg

這是代碼：

575e590300011fb705000222.jpg


正在回答

2 回答

你沒有設置任何top left right bottom，所以瀏覽器會將其放在原本的位置上。

你可以給其box2box3設置一個

top:0;left:0;

然后看看效果。

而且因為你沒有給父元素設置position，其會參照html進行定位。

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

yuyang123

不對，是我弄錯了。 你的問題主要是沒有reset瀏覽器的默認樣式，你可以用這個試試 *{ margin:0;padding:0; }
2016-06-15 回復 有任何疑惑可以回復我~
#2

yuyang123 回復 yuyang123

以上倆種就你錯的原因了
2016-06-15 回復 有任何疑惑可以回復我~
#3

星星3394050 提問者 回復 yuyang123

膜拜，我去試驗了一下，大哥，你是對的。*{margin:0;padding:0;}，我看老師用了body{margin:0;padding:0;}，我也用這個來清除默認樣式，為什么不能用body……
2016-06-16 回復 有任何疑惑可以回復我~
#4

yuyang123 回復 星星3394050 提問者

*這個是通配選擇符，表示選擇你所有的標簽。不僅僅只有body，有些瀏覽器li ul，hn等等很多標簽都會設置有默認樣式，老師案例是因為例子代碼量比較少，所以用body也OK。不過如果你用到了其他的有瀏覽器默認樣式的其他標簽，就必須要重置下樣式了。不過還需要補充的一點是，在這里用*通配符選擇，是我偷懶了下，因為一般工作的時候不推薦直接用通配符選擇器，其性能較低。
2016-06-16 回復 有任何疑惑可以回復我~
查看2條回復

按理box2 ，3 應該貼著html的，因為沒有已經定位的元素，實際卻貼著上一個兄弟元素box1.是這個問題吧？

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

星星3394050 提問者

對啊，而且我看評論里面，好多人說在原來的位置，現在box3就不在原來的位置。
2016-06-13 回復 有任何疑惑可以回復我~

舉報

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

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

進入課程

是否可以用來反駁老師講的課？

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

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

 幫助反饋 APP下載

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

 公眾號

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