亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

請問這里為什么用absolute,顯示結果就是123豎向排列了。什么原因?

請問這里為什么用absolute,顯示結果就是123豎向排列了。什么原因?

慕田峪8701529 2017-12-29 23:25:25
<!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; ? 請問這里為什么用absolute,顯示結果就是123豎向排列了。什么原因 left:-50%;}.container li{float:left;margin-right:8px;}/*下面是代碼任務區*/.wrap-center{? ? background:#ccc;?}</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>
查看完整描述

2 回答

?
煊_煊

TA貢獻8條經驗 獲得超4個贊

ul絕對定位后,沒有給定寬度的話,就內容為寬度了,你可以看下在控制臺查看元素里看下他有什么變化,如果你給定了寬度給他,只要內容不超過他的寬度,就還是一排顯示。

查看完整回答
1 反對 回復 2018-01-01
  • 慕田峪8701529
    慕田峪8701529
    自己已經弄清楚了,主要還是因為ul設置了絕對定位后就脫離了標準文檔流,父容器div這時候的寬高就變成0了,ul沒有設置寬高的話就繼承父容器的寬高,而父容器的寬高這時候是都是0,所以就導致了一列顯示
?
習慣受傷

TA貢獻885條經驗 獲得超1144個贊

因為ul和container都沒有給寬度,瀏覽器不知道怎么布局了

查看完整回答
1 反對 回復 2017-12-31
點擊展開后面2
  • 2 回答
  • 0 關注
  • 2375 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號