padding是內(nèi)邊距，例：.demo{padding:10px}，這句會(huì)在所有使用demo這個(gè)類(lèi)的元素的上、右、下、左分別添加一個(gè)10像素的內(nèi)邊距。position是用來(lái)設(shè)置元素位置的，如：position:relative，這個(gè)的意思是將元素的位置設(shè)置為相對(duì)。另外還有position:absolute，用來(lái)絕對(duì)定位元素。例如：.demo{position:absolute;top:10px;right:10px}，這句會(huì)讓使用demo這個(gè)類(lèi)的元素進(jìn)行絕對(duì)定位，讓這個(gè)元素離上邊10像素，離右邊10px，也就是會(huì)把元素定位在右上角的位置上。
-
-
relative和padding的功能完全不一樣，一個(gè)是定位屬性，一個(gè)是盒子的空間屬性。relative的作用是你給一個(gè)元素設(shè)成relative之后，再配合top、bottom、left、right使用，可以把它從原本的位置挪動(dòng)一下，同時(shí)不會(huì)影響其他元素的排布。而padding就是設(shè)置元素內(nèi)容和邊框之間的距離，比如文字離邊框有多遠(yuǎn)，會(huì)影響整體的高度和寬度。它們通常可以一起使用，互不影響功能，但各自負(fù)責(zé)不同的樣式效果
-
完全不相干的兩句代碼
position是定位方式
padding是內(nèi)邊距
如果非要說(shuō)關(guān)系的話(huà)
那么 position 的 relative 這個(gè)值是可以受 PADDING 或者 MARGIN 在或者 TOP LEFT 控制的
而 position:absolute 就只受 TOP LEFT 控制
也就是說(shuō) relative 是像默認(rèn)流一樣 但還可以用TOP來(lái)絕對(duì)定位 -
relative主要影響的是元素在頁(yè)面上的顯示位置，常用于需要微調(diào)某個(gè)元素的位置又不希望影響其他布局的時(shí)候。而padding是指內(nèi)邊距，它的作用是控制內(nèi)容和邊框之間的空隙，比如你想讓一個(gè)div里面的內(nèi)容離邊框遠(yuǎn)一點(diǎn)，就可以通過(guò)設(shè)置padding來(lái)實(shí)現(xiàn)。使用relative可以讓元素產(chǎn)生層級(jí)關(guān)系，比如配合z-index一起用，而padding只是調(diào)整盒子里的內(nèi)容的位置，不影響定位
-
relative是控制元素定位的一種方式，它讓元素相對(duì)于自己原來(lái)的位置進(jìn)行偏移，但不會(huì)脫離文檔流，而padding則是用來(lái)設(shè)置內(nèi)容與邊框之間的距離，屬于盒模型的一部分。簡(jiǎn)單來(lái)說(shuō)，relative是用來(lái)定位的，padding是用來(lái)控制內(nèi)部空間的，兩者的作用完全不同。如果你設(shè)置了某個(gè)元素為position:relative，并且加了top、left這些屬性，那么這個(gè)元素就會(huì)向指定的方向偏移，但依然保留原來(lái)的空間；而padding則會(huì)影響元素整體的大小和內(nèi)容位置
沒(méi)找到滿(mǎn)意答案？去問(wèn)豆包AI智能助手
最新回答 更多>
相關(guān)問(wèn)答
- 蘋(píng)果ipad mini4g卡腫么收費(fèi)
- ipad6和7哪個(gè)值得買(mǎi)
- iPad mini2怎樣設(shè)置線(xiàn)控耳機(jī)控制音量
- 請(qǐng)問(wèn)金立手機(jī)V3000為什么一直亮著紅色燈?
- oppopadpro參數(shù)
- 榮耀平板照相有夜景方式嗎
- 小米平板5如何設(shè)置手機(jī)方式
- 小米平板需要裝安全中心之類(lèi)的軟件嗎？
- 蘋(píng)果將推手動(dòng)安裝iOS 12配置描述文件
- 腫么刪除分屏小米平板
- 蘋(píng)果ipad怎么刪除原本的appiead
- 怎么用手機(jī)查看小米平板5屏幕
- 近來(lái)買(mǎi)的工征鐘始克特明械散都土iPadair中帶CarPlay嗎？
- ios12.1腫么刪除imassage的表情包
- 臺(tái)電p85有好多個(gè)月沒(méi)充電了，現(xiàn)在充不上去一直黑屏沒(méi)反映怎么處理啊