Question

css div中，为什么div的height属性设置相同，出来的效果不相同？

图1是代码，大的div没有设置高度，里面两个小的div高度高度设置了相同，但出来是图2，高度不一致，后来别人说给container加个border就行，我加了个白色1px的border，可以了（看图3），问题如下1.加个border就能让高度恢复正常的原理是什么？2.如图4，height是80，文字是16p，我想让文字垂直居中，就设置了padding-top是32（80-16再除以2），但出来是图4的效果，高度又被拉长了，为什么呢？





Answer 1

1，第一个问题你按F12看下布局情况，
2，第二个问题先理解下padding的含义，最直观的方式line-height:80px;

Answer 2

加个float就可以了