[分享]CSS两个元素大小一样

在CSS中有时会遇到需要让两个元素的大小一样的情况。这时候我们可以通过以下方法实现。

.box1, .box2 {
  width: 50%;
  box-sizing: border-box;
  padding: 20px;
  float: left;
} 

首先，我们为box1和box2这两个元素设置宽度为50%，这样它们就可以并排显示。然后使用box-sizing属性来控制元素盒子模型的计算方式，设为border-box即可，这样padding不会撑大盒子。最后再加上padding和float属性，使得两个盒子间有一定间隔且能够显示在同一行。

这样通过简单的CSS代码，我们就可以让两个元素的大小完全一样，达到我们想要的效果。