css左右div等高 |常用css代码收集

第一种方案是通过在CSS中设置display属性为table和table-cell来实现。具体代码如下：

.container {
display: table;
}
.left, .right {
display: table-cell;
vertical-align: top;
}

在这个方案中，大家将容器的display属性设置为table，左右两个div的display属性设置为table-cell。同时，为了保证两个div上下对齐，大家还需要将它们的垂直对齐方式设置为top。

第二种方案则是通过伪元素来实现。具体代码如下：

.container {
position: relative;
}
.left, .right {
position: absolute;
top: 0;
bottom: 0;
}
.left {
left: 0;
right: 50%;
}
.right {
left: 50%;
right: 0;
}
.right::before {
content: "";
height: 100%;
float: left;
}

在这个方案中，大家将左右两个div的position属性设置为absolute，并将它们的top和bottom属性都设置为0。接着，大家通过left和right属性将左右两个div分别定位到容器的左右两侧。

但是，由于大家还需要保证这两个div的高度一致，因此大家需要使用一个伪元素。大家将其content属性设置为空字符串，将height属性设置为100%，将float属性设置为left，这样这个伪元素就会处于右侧div上方，且其高度与右侧div的高度相同。

通过这两种方案，大家就可以轻松地实现CSS左右div等高。可以根据具体的需求选择更加适合的方案来进行实现。