課程
/前端開發
/HTML/CSS
/網頁布局基礎
直接top:0;left:200px;能不能代替 top:0;margin-left:200px; ?
直接定位好不對它進行邊界移動 ?結果的圖形是差不多的
2016-06-15
源自:網頁布局基礎 4-6
正在回答
方向和外邊距方向 ? ?語義是不同的。你的提問,答案當然是可行的,但是你既然問,說明你概念并沒有搞清楚。
直接方向,比如 top ?是相對具有定位屬性的父元素偏移。當然left等也是。
而margin-top或left,不屬于定位移動,只不過也能實現效果,怎么說呢,想象一下盒模型??瓷先テ屏耍瑢嶋H只是他本身變大了,由于是外邊距是空的,所以可見內容看上去偏了位置。
這也就解釋了,為什么本節練習中,設置TOP 可以,而設置margin-top就不可以。另外設置left 和 margin-left 效果一樣,但是原理仍然是不同的,只不過元素本身就是處于父元素中最左邊。所以兩種設置都可以實現效果。
設置邊距是相對她原本所在位置去偏移,設置方向是相對父元素移動。?。。?/p>
舉個例子:如果導航放右邊,內容放左邊。你去實現以下就可以理解的跟深入了。
可以的
舉報
讓你精通CSS中三大定位機制,徹底掌握網頁布局的相關知識
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-07-08
方向和外邊距方向 ? ?語義是不同的。你的提問,答案當然是可行的,但是你既然問,說明你概念并沒有搞清楚。
直接方向,比如 top ?是相對具有定位屬性的父元素偏移。當然left等也是。
而margin-top或left,不屬于定位移動,只不過也能實現效果,怎么說呢,想象一下盒模型??瓷先テ屏耍瑢嶋H只是他本身變大了,由于是外邊距是空的,所以可見內容看上去偏了位置。
這也就解釋了,為什么本節練習中,設置TOP 可以,而設置margin-top就不可以。另外設置left 和 margin-left 效果一樣,但是原理仍然是不同的,只不過元素本身就是處于父元素中最左邊。所以兩種設置都可以實現效果。
設置邊距是相對她原本所在位置去偏移,設置方向是相對父元素移動。?。。?/p>
舉個例子:如果導航放右邊,內容放左邊。你去實現以下就可以理解的跟深入了。
2016-06-15
可以的