CSS兩個一樣高的文章 在網頁設計中，為了讓頁面更美觀，經常需要使兩個元素在高度上保持一致。CSS提供了多種方式來實現這個目的。 第一種方法是使用display:table，這種方法適用于一些較老的瀏覽器，其原理是將兩個元素分別放在一個table中，然后設置table的高度相同。代碼如下： pre{ background-color: #eee; padding: 10px; line-height: 1.5em; }

第二種方法是使用flexbox，這是一種比較新的方式，需要瀏覽器支持CSS3。其原理是將兩個元素放在一個容器中，設置容器為display:flex，然后設置兩個元素的flex屬性相同。代碼如下：

以上兩種方法都可以實現兩個元素在高度上保持一致的效果，需要根據實際情況選擇使用。