寬度自適應貌似只適用于文字?行內元素?
#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;}
2016-06-14
因為:#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的寬度限制里。
2016-06-14
新增:#right{float:right;}