[分享]Css两侧div高度一起改变

Css是网页设计中必不可少的一种技术。在设计网页的时候，我们经常会需要让两侧的div高度一起改变，这样可以让整个页面看起来更加平衡和美观。 .container{ display: flex; } ....

Css是网页设计中必不可少的一种技术。在设计网页的时候，我们经常会需要让两侧的div高度一起改变，这样可以让整个页面看起来更加平衡和美观。

 .container{
        display: flex;
    }
    .left,
    .right{
        flex: 1;
    } 

要让两侧的div高度一起改变，我们可以使用Css的flex布局。我们首先需要给两侧的div添加一个共同的容器，将这个容器的display属性设置为flex。然后分别给左侧和右侧的div添加一个flex属性，这个属性值为1。这样就能够让这两个div的高度一起改变了。

使用flex布局能够让我们更加方便地控制页面的布局。除了上述的方法外，还有很多其他的方法可以实现这个需求。希望大家在设计网页的时候，都能充分发挥Css的强大功能，打造更加美观和实用的页面。