首頁猿問不定寬狀水平居中方法看不懂該怎么理解？

不定寬狀水平居中方法看不懂該怎么理解？

Html/CSS

mk_落葉_363253147 2016-05-02 09:14:45

不定寬塊狀元素方法通過給父元素設(shè)置?float，然后給父元素設(shè)置?position:relative?和?left:50%，子元素設(shè)置?position:relative?和?left:?-50%?來實現(xiàn)水平居中。這個應(yīng)該怎么理解？請用很通俗的語言解釋，課程上的看不懂。

查看完整描述

3 回答

已采納

俠客島的含笑

TA貢獻(xiàn)552條經(jīng)驗獲得超285個贊

看吧·

1 反對回復(fù) 2016-05-02

mk_落葉_363253147
所以其實inner部分的水平居中是相對于outer來說的，而wrap只是作為一個中間量來說的么？

回復(fù) 2016-05-02
俠客島的含笑
不是啊，以.warp

回復(fù) 2016-05-02
mk_落葉_363253147
我是說最終的位置可以這么看，雖然說代碼是以wrap為標(biāo)準(zhǔn)寫的。從你的圖來看，最終inner是在outer中間，并不是在wrap中間。

回復(fù) 2016-05-02

點擊展開后面1條

俠客島的含笑

TA貢獻(xiàn)552條經(jīng)驗獲得超285個贊

<div class="outer">
? <div class="wrap">
? ? <div class="inner"></div>
? </div></div>

CSS代碼為：
.wrap{
float:left;
position:relative;
left:50%;}.outer{
width:300px;
height:400px;
background:#FFCC99;}.inner{
width:100px;
height:100px;
background:#C33;
position:relative; ?/*????*/
left:-50%;}

反對回復(fù) 2016-05-02

3 回答
1 關(guān)注
1480 瀏覽

關(guān)注

最近中文字幕高清中文字幕无,亚洲欧美高清一区二区三区,一本色道无码道dvd在线观看 ,一个人看的www免费高清中文字幕

不定寬狀水平居中方法看不懂該怎么理解？

不定寬狀水平居中方法看不懂該怎么理解？

3 回答

相關(guān)問題推薦

添加回答

最近中文字幕高清中文字幕无,亚洲欧美高清一区二区三区,一本色道无码道dvd在线观看 ,一个人看的www免费高清中文字幕

熱搜

最近搜索清空

不定寬狀水平居中方法看不懂該怎么理解？

不定寬狀水平居中方法看不懂該怎么理解？

3 回答

相關(guān)問題推薦

添加回答

不定寬狀水平居中方法看不懂該怎么理解？