起初是遇到这样一个问题：当盒模型设为box-sizing:border-box;(移动端上经常这么干)。子盒子的width：100%，子盒子的width等于父盒子contend的长度还是condend+padding+border的长度？css和html: 结果：（se ...
起初是遇到这样一个问题：当盒模型设为box-sizing:border-box;(移动端上经常这么干)。子盒子的width：100%，子盒子的width等于父盒子contend的长度还是condend+padding+border的长度？
css和html:
结果：
（second的width）=（first的contend的长度）
接下来总结正常情况（box-sizing：contend- box）下width:100%的基准：
1.标准流中：子盒子处于标准流中，其width等于上一级父盒子的width（父盒子无论是浮动还是定位）
2.浮动的情况：子盒子浮动，同上
3.定位的情况：子盒子定位（position：relative或absolute）,其width等于上层盒子中 最近的 position不为static的那个的width。
子盒子为position：fixed时，width以html为基准。
海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com
原标题：width:100%以什么为基准的测试
关键词：
*特别声明：以上内容来自于网络收集，著作权属原作者所有，如有侵权，请联系我们：
admin#shaoqun.com
（#换成@）。
