为了账号安全,请及时绑定邮箱和手机立即绑定

宽度自适应貌似只适用于文字?行内元素?

#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
提交
取消
网页布局基础
  • 参与学习       214706    人
  • 解答问题       1756    个

让你精通CSS中三大定位机制,彻底掌握网页布局的相关知识

进入课程

宽度自适应貌似只适用于文字?行内元素?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信