布局、盒模型问题
原因是：我设置了inner的padding，导致inner的总宽度比out要长。
但我必须要设置inner的padding，要想要inner显示居中。
这种情况怎么办呢？
刚才看到一位朋友没明白我的意思，是我没表达清楚。
我把inner放在out里面是因为我想加那个 搜索图标，利用父元素进行绝对定位。
还有，我一开始用background里面加搜索图标，就不需要父元素。但是那样不清晰，所以我改用字体了，所以貌似需要加上父元素进行定位。
展开
收起
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
1
条回答
写回答
-
inner 的 padding 是大忌，实际上任何情况下 padding 能不用则不用，有很大的可能会使元素增加规定好的长度，引发各种越界问题。
你这个需求也很好解决：
CSS：
.outer { width: 100%; } .inner { width: 80%; padding: 0; margin: 0 auto; /* 或者使用 margin-left: 9%; 精确控制视觉效果，毕竟有放大镜这样的元素，不是完全对称。 */ }2019-07-17 19:15:54赞同 展开评论
相关问答