css两个div同高

在进行网页布局时，我们常常需要让两个div元素保持同样的高度。这个问题如果用传统的方式解决会比较麻烦，但是使用CSS可以非常轻松地解决这个问题。

.wrap {
    display: flex;
}
.box1,.box2 {
    flex: 1;
}
    

在这个例子中，我们使用了CSS3的Flexbox布局方式来实现两个div元素的同高效果。首先，我们在外层容器中添加了display:flex; 的属性，这样就可以开启Flex布局了。然后，我们在两个子元素上都添加了flex:1; 的属性，这样它们就会平分外层容器的空间，从而保持同样的高度。

Flexbox布局方式已经被广泛应用于网页布局，它可以非常方便地实现各种复杂的布局效果。掌握这个技巧的开发者可以更加灵活地进行布局设计，将效果变得更加漂亮和直观。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！