css定位:相对定位
生活随笔
收集整理的這篇文章主要介紹了
css定位:相对定位
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
關(guān)于相對(duì)定位的結(jié)論如下
1. 使用相對(duì)定位的盒子,會(huì)相對(duì)于它原來(lái)的位置,通過(guò)偏移指定的距離,到達(dá)新的位置。
2.使用相對(duì)定位的盒子仍在標(biāo)準(zhǔn)流中,它對(duì)父塊和兄弟盒子沒(méi)有任何影響。
static(靜態(tài)定位)為默認(rèn)值,即在原本應(yīng)該在的流布局上,從左到右,從上到下。
relative(相對(duì)定位),通過(guò)設(shè)置position屬性為relative,在設(shè)置具體方向的偏移量來(lái)實(shí)現(xiàn),top?? left? right botton
修改代碼如下,即可發(fā)現(xiàn)box-2偏移了,但對(duì)box-3沒(méi)影響,
#block2{
?position:relative;
?left:30;
?top:20;
?}
轉(zhuǎn)載于:https://www.cnblogs.com/epuoo/p/4164631.html
總結(jié)
以上是生活随笔為你收集整理的css定位:相对定位的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: iPhone的mysql客户端_苹果系统
- 下一篇: 游戏启示录