首頁猿問定義DIV時(shí)，CSS樣式中的rig...

定義DIV時(shí)，CSS樣式中的right屬性和margin-right屬性的作用分別的什么?

CSS3

慕田峪4524236 2019-04-27 20:30:46

我想控制DIV的位置，有一個(gè)大的DIV，里面有3個(gè)DIV。其中一個(gè)在左邊，其余兩個(gè)在右邊，這兩個(gè)分別是兩行。當(dāng)我已經(jīng)設(shè)置了right屬性時(shí)，再設(shè)置margin-right屬性才有效果，否則就沒效果。這是怎么回事?

查看完整描述

2 回答

慕俠2389804

TA貢獻(xiàn)1719條經(jīng)驗(yàn) 獲得超6個(gè)贊

right是在使用position的時(shí)候用的絕對(duì)定位或者相對(duì)定位，一般情況下不建議使用。
margin-right是設(shè)置右邊邊距的。
你和這個(gè)需求我覺得需要用 float:left 或者float:right 浮動(dòng)

追問

哦 我已經(jīng)設(shè)置了float了，但是就是不知道他們之間的移動(dòng)是以什么為標(biāo)準(zhǔn)的，好像標(biāo)準(zhǔn)不一樣...

追答

左邊的 左對(duì)齊 右邊右對(duì)齊。寬度不夠換行。
或者全部左對(duì)齊 右對(duì)齊就行 可以用margin來設(shè)計(jì)兩個(gè)div的間隔

反對(duì) 回復(fù) 2019-04-27

拉風(fēng)的咖菲貓

TA貢獻(xiàn)1995條經(jīng)驗(yàn) 獲得超2個(gè)贊

right設(shè)置了position:absolute;的時(shí)候再用，一般默認(rèn)就行。

寫了個(gè)例子你看下，

<div style ="border:1px solid #000;width:800px;height:800px;margin:0 auto;">
<div style ="border:1px solid red; width:398px;height:798px; float:left;">
</div>
<div style = "border:1px solid blue;height:798px;width:398px; float:left;">
<div style = "border:1px solid #ccc; height:200px; width:396px"></div>
<div style = "border:1px solid #ccc; height:200px; width:396px"></div>
</div>
</div>