做网站要钱么,wordpress国内最流行的主题,wordpress theme for free green,做小程序要有网站吗先摆图片 很明显#xff0c;大盒子高度设置400px#xff0c;小盒子都是高度设置成300px#xff0c;明显400px600px#xff0c;这时候子盒子就会溢出。如何解决溢出问题#xff1f; 这个时候我把子盒子换成50%#xff0c;50%。发现并不会溢出#xff0c;因为相当于两…先摆图片 很明显大盒子高度设置400px小盒子都是高度设置成300px明显400px600px这时候子盒子就会溢出。如何解决溢出问题 这个时候我把子盒子换成50%50%。发现并不会溢出因为相当于两个子盒子高度相加父盒子高度。
再次发散思维三个盒子如果至少有一个浮动至少有一个绝对定位。。。情况又会如何
上一篇文章我们得到如下结论
1、浮动元素为父盒子块级元素为子盒子。
2、块级元素为父盒子浮动元素为子盒子。
父盒子都会带着子盒子移动。
摆结论三个盒子如果至少有一个浮动也会遵循子盒子高度相加溢出盒子这个规律。 如图我们看到box1变得很大是基于body的宽度变化box2由于是标准流所以box1覆盖了box2使得看不到box2。
此时我们任意在box中加入positionabsolute或者positionrelative就能解决这个问题。
