課程
/前端開發
/HTML/CSS
/從 psd 到 html
用position:absolute跟用float有什么區別嗎
2017-01-11
源自:從 psd 到 html 3-1
正在回答
都是脫離標準流,只是position:absolute定位用的時候位置可以給的更精確(想放哪就放哪),而float用的更簡潔,向上,右,下,左,四個方向浮動,用起來就一句代碼。
還有就是position:absolute不管在哪個標簽里,都可以定位到任意位置,畢竟top,left,bottom,right都可以給正值或負值;
float只是向左或向右浮動,不如position:absolute靈活,浮動后再想改變位置就要加各種margin,padding之類的通過間距的改變來改變位置,我自身覺得這樣的話用起來不方便,也不太好。但在菜單欄,或者一些圖標的橫向排列時,用起來特別方便,一個float就解決了,而且每個元素之間不會有任何間距(所以可以用float消除元素間的距離);
有時候很多方法都可以達到效果,就看怎么選擇。
舉報
教你把PSD設計稿轉化成HTML,用案例來講解基本流程
3 回答clearfloat和float的區別是什么,什么時候用clearfloat什么時候用float
2 回答clearfloat 有什么作用?加不加感覺不到區別
2 回答clearfloat有什么作用用,感覺沒什么用???
3 回答為什么我用hack沒有用?*margin-top:20px; ie7沒有變化
3 回答請問我跟老師的代碼是一樣的,為什么顯示效果有差別呢?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-01-11
都是脫離標準流,只是position:absolute定位用的時候位置可以給的更精確(想放哪就放哪),而float用的更簡潔,向上,右,下,左,四個方向浮動,用起來就一句代碼。
還有就是position:absolute不管在哪個標簽里,都可以定位到任意位置,畢竟top,left,bottom,right都可以給正值或負值;
float只是向左或向右浮動,不如position:absolute靈活,浮動后再想改變位置就要加各種margin,padding之類的通過間距的改變來改變位置,我自身覺得這樣的話用起來不方便,也不太好。但在菜單欄,或者一些圖標的橫向排列時,用起來特別方便,一個float就解決了,而且每個元素之間不會有任何間距(所以可以用float消除元素間的距離);
有時候很多方法都可以達到效果,就看怎么選擇。