如何将两个div放在一起并占据整个屏幕的宽度？

要将两个div放在一起并占据整个屏幕的宽度，可以使用Flex布局。以下是一种实现方法：

HTML代码：

<div class="container">
  <div class="div1">Div 1</div>
  <div class="div2">Div 2</div>
</div>

CSS代码：

.container {
  display: flex;  /* 使用Flex布局 */
  width: 100%;    /* 设置容器宽度为100% */
}

.div1, .div2 {
  flex: 1;       /* 设置子元素占据剩余空间 */
}

.div1 {
  background-color: #f1f1f1;
}

.div2 {
  background-color: #ddd;
}

在这个例子中，通过使用Flex布局，将两个div放在一个容器（class为.container）中。设置容器的宽度为100%以使其占据整个屏幕的宽度。然后，将两个div（class为.div1和.div2）的flex属性设置为1，使它们占据剩余空间。这样，两个div就会并排显示，并且宽度平分整个屏幕。

推荐的腾讯云相关产品和产品介绍链接地址：