三个div并排在一起，但它们之间没有自动边距

可以通过以下几种方式实现：

使用浮动（float）属性：给每个div设置float属性为left或right，使它们浮动在同一行。同时，设置每个div的宽度和高度，以确保它们在一行内并排显示。这种方式需要注意清除浮动，以避免对后续元素布局的影响。

<style>
    .div1, .div2, .div3 {
        float: left;
        width: 33.33%;
        height: 100px;
    }
</style>

<div class="div1"></div>
<div class="div2"></div>
<div class="div3"></div>

使用flexbox布局：将三个div包裹在一个父容器中，并设置父容器的display属性为flex，使其成为一个弹性容器。然后，设置每个div的flex属性为1，使它们平均分配父容器的宽度。这种方式可以自动调整div之间的间距。

<style>
    .container {
        display: flex;
    }
    .div1, .div2, .div3 {
        flex: 1;
        height: 100px;
    }
</style>

<div class="container">
    <div class="div1"></div>
    <div class="div2"></div>
    <div class="div3"></div>
</div>

使用网格布局（grid）：将三个div包裹在一个父容器中，并设置父容器的display属性为grid，使其成为一个网格容器。然后，设置每个div的grid-column属性，使它们占据网格容器中的不同列。这种方式可以自动调整div之间的间距。

<style>
    .container {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 0;
    }
    .div1, .div2, .div3 {
        height: 100px;
    }
</style>

<div class="container">
    <div class="div1"></div>
    <div class="div2"></div>
    <div class="div3"></div>
</div>

以上是三种常用的方法实现三个div并排在一起，但它们之间没有自动边距。具体选择哪种方法取决于具体的布局需求和兼容性要求。