CSS里面的兩元素等高,通常指的是兩個(gè)元素的高度相同。這個(gè)是在實(shí)際應(yīng)用中非常常見的一個(gè)效果,比如我們經(jīng)常能夠看到兩個(gè)或者多個(gè)欄目,欄目的左右兩個(gè)邊框需要等高
.col{ float:left; width:50%; box-sizing:border-box; padding:10px; display: table-cell; height: 100%; }
在上述樣式中,我們可以看到, display: table-cell; 和 height: 100%; 的設(shè)置,正是實(shí)現(xiàn)了兩個(gè)元素等高的關(guān)鍵,這兩個(gè)屬性可以讓兩個(gè)元素居中對齊,最終的結(jié)果就是高度一致