将一个div分成左右两块

你可以使用CSS来将一个`<div>`分成左右两块。一种常见的方法是使用`float`属性。下面是一个示例代码：

<style>
    .container {
        width: 100%;
        overflow: hidden;
    }
    
    .left {
        width: 50%;
        float: left;
    }
    
    .right {
        width: 50%;
        float: right;
    }
</style>

<div class="container">
    <div class="left">
        <!-- 左侧内容 -->
    </div>
    <div class="right">
        <!-- 右侧内容 -->
    </div>
</div>

在这个示例中，我们使用了一个父级容器`<div>`来包裹左右两个子元素`<div>`。左侧元素使用了`float: left;`，右侧元素使用了`float: right;`，这样就能将它们分别放置在父容器的左右两侧。

注意到我们也给父容器设置了`overflow: hidden;`，这是为了清除浮动带来的影响，以确保父容器能够正确地包裹子元素。

你可以根据实际需要调整容器和子元素的宽度和样式。希望这能帮到你！如果还有其他问题，请随时问我。

相关问题

怎么用div把jsp分成左右两块

可以使用CSS样式设置`<div>`元素来实现将JSP页面分成左右两块，具体步骤如下：

1. 在JSP页面中，使用`<div>`标签将页面分成左右两部分，例如：

<div class="left">
  <!-- 左侧内容 -->
</div>
<div class="right">
  <!-- 右侧内容 -->
</div>

2. 在CSS文件中，设置`.left`和`.right`的样式，例如：

.left {
  float: left;
  width: 50%;
}

.right {
  float: left;
  width: 50%;
}

这样就可以将整个页面分成左右两部分，左侧占50%，右侧占50%。你可以根据需要调整`width`属性的值来改变左右两部分的宽度比例。

除了flex，具体怎么把div中横向平均分成两块

可以使用display: inline-block和width: 50%来实现将一个div水平平均分成两个块。

示例代码如下：

HTML:

<div class="container">
  <div class="box1">Box 1</div>
  <div class="box2">Box 2</div>
</div>

CSS:

.container {
  text-align: center;
}

.box1, .box2 {
  display: inline-block;
  width: 50%;
  height: 100px;
  background-color: #ccc;
}

在上述示例中，我们首先将父级元素设置为text-align: center，以便将子元素水平居中。然后我们使用display: inline-block和width: 50%来将两个子元素平均分成两个块。

同时，我们为子元素设置了一个固定的高度和背景颜色，以便更好地展示效果。