不能让2个div并排坐着

在前端开发中，要实现两个div并排坐着，可以使用CSS的布局技术来实现。以下是一种常见的方法：

1. 使用CSS的display属性和float属性：
   • 将两个div的display属性设置为"inline-block"，这样它们会以行内块元素的方式显示。
   • 可以给两个div设置一个固定的宽度，或者使用百分比来设置宽度，以适应不同的屏幕尺寸。
   • 使用float属性将两个div浮动到左侧或右侧。

示例代码：

<style>

 .div1, .div2 {

   display: inline-block;

   width: 50%;

   float: left;

 }

</style>

<div class="div1">Content of div 1</div>

<div class="div2">Content of div 2</div>

推荐的腾讯云相关产品：腾讯云云服务器（CVM）

• 产品介绍链接地址：https://cloud.tencent.com/product/cvm

1. 使用CSS的flexbox布局：
   • 将包含两个div的父容器的display属性设置为"flex"，这样可以使用flexbox布局。
   • 设置父容器的flex-direction属性为"row"，使子元素水平排列。
   • 可以使用flex属性来控制子元素的宽度比例。

示例代码：

<style>

 .container {

   display: flex;

   flex-direction: row;

 }

 .div1, .div2 {

   flex: 1;

 }

</style>

<div class="container">

 <div class="div1">Content of div 1</div>

 <div class="div2">Content of div 2</div>

</div>

推荐的腾讯云相关产品：腾讯云云开发（CloudBase）

• 产品介绍链接地址：https://cloud.tencent.com/product/tcb

以上是两种常见的方法，可以实现两个div并排坐着的效果。这些方法在响应式设计中也能很好地适应不同的屏幕尺寸。