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