为什么工程读数 div 低于其余部分？[关闭]-解网

问：

这个问题是由错别字或无法再现的问题引起的。虽然类似的问题可能在这里是主题，但这个问题的解决方式不太可能帮助未来的读者。

2天前关闭。

改进此问题

我有一个容器来将彼此平行的对象排成一行，并且容器中的元素不断出现在容器应该在页面上的位置下方。这是输出的图片。我正在尝试将绿色文本放在橙色文本的右侧并在同一行上。

enter image description here

第一个“containerfortop”是容器。我试过弄乱清晰的 div，以及浮点数和一些空白空间元素。没有设法让这两个元素彼此相邻。

.containerfortop {
  width: 1300px;
  background-color: black;
  margin: auto;
  overflow: auto;
}

<body>
  <div class="containerfortop" style="float: left;">
    <div class="spacer1" style="float: left;"></div>
    
    <div class="left-short-button-lightblue" style="float:left;"><a style="color:black; text-        decoration: none; float: left;" href="Homepage.html">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;10192</a></div>
    
    <h3 style="color: darkorange;" style="float: left;">&emsp;&emsp;&emsp;Engineering</p>
    
      <div class="vertical-spacer" style="float: left;"></div>
      
      <div class="engineering-readout" style="float: left;">643282362</div>
  </div>
  
  <div style="clear: both;"></div>
  
  <div class="containerfortop" style="float:left">
    <div class="spacer1"></div>
    
    <div class="tng-bottom-corner" style="float:left"></div>
    
    <div class="tng-border" style="float:right"></div>
  </div>
  
  <div style="clear: both;"></div>
  <div class="spacer1"></div>
  
  <div class="containerfortop" style="float:left">
    <div class="tng-top-corner" style="float:left"></div>
    <div class="tng-border" style="float:right"></div>
  </div>
  
  <div style="clear: both;"></div>
  
  <div class="spacer1"></div>
  
  <div class="containerhomepage" style="float: left;">
    <div class="left-tall-button-lightblue" style="float: left;"></div>
    <div class="vertical-spacer" style="float: left;"></div>
  </div>
  
  <div style="clear: both;"></div>
  <div class="spacer1"></div>
  <div class="left-tall-button-orange"></div>
  <div class="spacer1"></div>
  <div class="left-huge-button-orange"></div>
</body>

HTML CSS 容器

为什么工程读数 div 低于其余部分？[关闭]

Why is the engineering-readout div below the rest? [closed]

评论