首页怎么使用CSS设置一个body内的两个div高度

怎么使用CSS设置一个body内的两个div高度

时间: 2023-06-06 15:05:01 浏览: 156

相等且自适应？可以使用flex布局，将body的display属性设置为flex，并设置flex-direction为column，然后给两个div设置flex-grow属性为1，这样它们的高度就会自适应并且相等。具体代码如下： HTML代码： ``` <body> <div class="container"> <div class="box"></div> <div class="box"></div> </div> </body> ``` CSS代码： ``` body { display: flex; flex-direction: column; height: 100vh; margin: 0; } .container { display: flex; flex-direction: column; flex-grow: 1; } .box { flex-grow: 1; } ```

阅读全文