HTML+CSS基礎(chǔ)課程中第15-5課中，div的float:left起的什么作用？li的float:left又起什么作用？為什么不直接使用display:inline-block？下面附上原代碼<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>不定寬塊狀元素水平居中</title><style>.container{? ? float:left; position:relative; left:50%}.container ul{ list-style:none; margin:0; padding:0; position:relative; left:-50%;}.container li{float:left;display:inline;margin-right:8px;}</style></head><body><div class="container"> <ul>? ? <li><a href="#">1</a></li>? ? ? ? <li><a href="#">2</a></li>? ? ? ? <li><a href="#">3</a></li>? ? </ul></div></body></html>
1 回答
陌卍言
TA貢獻(xiàn)35條經(jīng)驗(yàn) 獲得超17個(gè)贊
雖然不知道你在說(shuō)什么，但是我可以告訴你原理，由于父元素不定寬，是由里面的元素?fù)伍_的，這個(gè)時(shí)候你給父元素浮動(dòng)，然后相對(duì)左位移50%的時(shí)候，父元素左邊界剛好居中，然后給子元素一個(gè)相對(duì)父元素的-50%左位移，這個(gè)時(shí)候子元素就會(huì)整體看起來(lái)居中，關(guān)鍵點(diǎn)是：父元素的寬度是等于子元素，是由子元素?fù)伍_的
添加回答
舉報(bào)
0/150
提交
取消