                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /初識(shí)HTML(5)+CSS(3)-升級(jí)版

找個(gè)也可以用margin-left 和margin-top 來表示吧？

不用絕對(duì)定位，用margin-left ?和margin-top 來表示吧，但是用margin-left的100px和絕對(duì)定位的left100px的位置差了一點(diǎn)點(diǎn)，margin的要更靠右一些，這是為什么？

qq_樂_5

2016-04-26

源自：初識(shí)HTML(5)+CSS(3)-升級(jí)版 13-6

關(guān)注問題我要回答

1717

操作

收起

5 回答

HI13260 回答被采納 +3 積分
2016-04-26

相對(duì)定位需要考慮到邊框線的寬度的

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

收起回答

#1

qq_樂_5 提問者

非常感謝！

2016-04-27 回復(fù) 有任何疑惑可以回復(fù)我~

#2

qq_樂_5 提問者回復(fù) qq_樂_5 提問者

謝謝，但是我把邊框線調(diào)整大了，看是否是那個(gè)距離，發(fā)現(xiàn)不是的。而且只有絕對(duì)定位的時(shí)候，才有這種區(qū)別，相對(duì)定位的話，沒有這種區(qū)別，你知道是什么原因嗎？

2016-04-27 回復(fù) 有任何疑惑可以回復(fù)我~

#3

qq_樂_5 提問者回復(fù) qq_樂_5 提問者

謝謝，但是我把邊框線調(diào)整大了，看是否是那個(gè)距離，發(fā)現(xiàn)不是的。而且絕對(duì)定位的時(shí)候，左右有區(qū)別，相對(duì)定位的話，上下會(huì)有區(qū)別，你知道是什么原因嗎？

2016-04-27 回復(fù) 有任何疑惑可以回復(fù)我~

franzimoney
2016-06-18

在border都很細(xì)的時(shí)候，確實(shí)看上去有差別，可是當(dāng)我把里面塊元素的邊框線增加到25px，寬度變?yōu)?0，邊框用dotted，外面的父包含塊的寬度變成100px，邊框線用solid的時(shí)候，我發(fā)現(xiàn)，margin和position：absolute的用法并沒有什么不同，兩種邊框的貼合并沒有區(qū)別，難道是眼睛的錯(cuò)覺？？？？？？？

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

收起回答

huanranwo
2016-05-10

這里的left和top和margin-left和margin-top是不一樣的，絕對(duì)定位的left和top是相對(duì)于瀏覽器的偏移，而margin是相對(duì)于上一級(jí)盒子的偏移（在此處是body）。不同瀏覽器的body相對(duì)于瀏覽器的偏移量是是不一樣的。在本段代碼里，如果要讓絕對(duì)定位的left和right的效果和margin-left和margin-right的效果一樣，必需加上一段樣式body{margin:0px;}，否則有明顯差別。

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

收起回答