两个div不能显示在同一行

为什么.main–head–left和.main–head–right不能显示在同一行？

右键，审查元素查看详细代码，估计是有一些小的px占了位置，你可以宽度适当减小，不要卡到总和100%

块级元素和其他元素的主要区别在于它们在页面中的布局和显示方式不同。

块级元素通常会占据一整行，从左到右填满父容器的宽度，因此它们可以设置宽度、高度、内边距和外边距等属性。常见的块级元素包括

`<div>`、`<p>`、`<h1>`~`<h6>`、`<ul>`、`<ol>`、`<li>`等。

而其他元素（也称为行内元素或内联元素）则不会独占一行，它们只会占据自身内容所需的宽度和高度，不能设置宽度和高度，只能设置水平方向的内边距和外边距。常见的其他元素包括

`<span>`、`<a>`、`<img>`、`<input>`等。

可能margin太大了 导致一行放不下， 减小left的宽度试一下

浮动 或者flex布局

.main–head–left和.main–head–right的上一个父标签添加
display: flex;