CSS Float定位问题

时间:2015-11-12 21:53:27

标签: html css hover

我在让两个元素相互浮动时遇到了一些麻烦。如何让两个元素相互浮动?

这就是我想要的:   enter image description here

他们不断碰到他们的利润。一旦我将他们的位置正确地放在CSS上,我就计划让它们反转颜色(#C12525&#C12C2C)。

我对此很陌生,并认为我会向社区寻求帮助。要继续尝试这个,但好奇地看看人们要说些什么。

1 个答案:

答案 0 :(得分:0)

使用负数。这个问题可能会被问到很多。在CSS页面上使用以下任何一个:

overflow.css

.first{
  margin: 0px;
}
.second{
  margin-top: -50px;
}

的test.html

<html>
  <link rel="stylesheet" type="text/css" href="overlap.css" />
  <body>
    <div class="first">
      <h1>KNOCK KNOCK</h1>
    </div>
    <div class="second">
      <h1>INTERRUPTING COW</h1>
    </div>
  </body>
</html>