div布局时 margin-left 和max-width产生的问题
整个网页分成左右两个表格，左边width20%，max-width:300px,float:left.右边width:80%,margin-left:20%.float:left.当整个网页宽度值为 y 时（y×20%>300），这时：左边表格的宽度为300px，右边表格margin-left值大于300。左右表格就产生了距离。怎么消除这个距离
展开
收起
1
条回答
写回答
写回答
-
如果是希望达到这样的效果：左侧有最大宽度限制，右侧自适应页面剩余宽度。
把右侧的float:left 去掉，让左侧浮于右侧上面。
.a{ width: 20%; max-width: 300px; background-color: #344444; float:left; } .b{ margin-left: 20%; width: 80%; background-color: #885864; } <div class="a"> a </div> <div class="b"> b </div>2019-07-17 19:17:33赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
问答排行榜
最热
最新
推荐问答
