有三个div,left、center、right,使他们三列等高
让三个div的margin-bottom: -10000px;padding-bottom: 10000px;怎么理解
有三个div,left、center、right,使他们三列等高
让三个div的margin-bottom: -10000px;padding-bottom: 10000px;怎么理解
1,如果div
的box-sizing
等于border-box
的话,一个div
的高度/宽度=内容的高度/宽度+内边距+边框,所以设置padding-bottom:10000px
相当于把div的高度设置为10000px
;
2,margin-bottom:-10000px;
本身的div
不会移动,但是下面的div
会向上移动10000px
的像素。但是如果将margin-bottom:-10000px;
改成margin-top:-1000px;
之后,div
就会向上移动10000px
的像素,
3 回答1.4k 阅读✓ 已解决
4 回答1.4k 阅读✓ 已解决
2 回答1k 阅读✓ 已解决
2 回答1.5k 阅读✓ 已解决
4 回答1.5k 阅读
2 回答1.2k 阅读✓ 已解决
1 回答1.2k 阅读✓ 已解决
这种方法叫做:
padding
补偿法,也是能够更好的兼容的方法。来自:CSS布局奇淫技巧之-多列等高