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

為了賬號安全,請及時綁定郵箱和手機立即綁定

寬度自適應貌似只適用于文字?行內元素?

#right的margin-left如果調整到900,就會脫離出wrap的寬度限制

但是如果把#right里的圖片去掉,只剩文字部分,寬度就會自適應控制在wrap的寬度限制里

按理absolute不是脫離文檔流了么,為什么還會受到wrap寬度限制?

為什么有圖片的情況下又不受限制了- -???

#wrap{width:970px;margin:0 auto;}

#mainbody{margin-top:15px;position:relative;}

#left{float:left;width:110px;}

#mid{float:left;margin-left:13px;width:650px;border:1px solid #999;}

#right{border:1px solid #999;position:absolute;margin-left:794px;}


正在回答

2 回答

因為:#wrap{width:970px; margin:0 auto;},#left的width:110px;#mid的width:650px,border占2px;margin-left:13px,???? 110+650+2+13+17=792??

所以:若用浮動定位的化? #right的margin-left如果調整到792px

900加上right圖片的寬度超出了970,所以脫離出wrap的寬度限制;把圖片去掉,圖片寬度沒有了,所以寬度就會自適應控制在wrap的寬度限制里。

0 回復 有任何疑惑可以回復我~

新增:#right{float:right;}

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
網頁布局基礎
  • 參與學習       214663    人
  • 解答問題       1833    個

讓你精通CSS中三大定位機制,徹底掌握網頁布局的相關知識

進入課程

寬度自適應貌似只適用于文字?行內元素?

我要回答 關注問題
微信客服

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

幫助反饋 APP下載

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

公眾號

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