如果想將某個元素定位到頁面某處的話,此元素position設置absolute,外面盒子position設置relative。
position:absolute;初始默認絕對定位於瀏覽器,如果想絕對定位於外面某盒子元素,則給改盒子元素添加position:relative;屬性。--------最有方案
提問:爲什麼一定要用absolute呢,relative可以嗎?
可以,但是不是最優而且可能會增加不必要的麻煩。
外面A盒子元素position:relative;裏面B元素position:relative;如果此時Apadding屬性值爲0的話,沒什麼影響;如果外層盒子元素Apadding有值,則B元素會相對於padding內的content進行定位,而不是貼着border進行定位。
頁面佈局方法:浮動爲主,定位爲輔。
--浮動通常用來佈局頁面大的框架
--定位通常用來對頁面中某些元素進行精確定位