Html绝对定位

Question

我有div，哪个位置是绝对的。此外，我有几个段落在里面。当我将资源管理器的右侧移到左边时，段落会随之移动，并尝试调整窗口的大小。我试着给他们定位，但他们还在动。我怎样才能在里面设置div或段落，使它们保持在同一个位置？请..。以下是代码：

HTML：

<div id="search_slogan" > <!-- search_slogan Slogan--> 
    <p style="font-size: 26px; ">  Free Business Name Search </p>
    <p style="font-family:gothic; "> Enter any potential business name.
        We'll let you know if the company name is available for use in your state, </p>
    <p style="font-family:gothic; "> usually within 1 business day. </p>
</div> <!-- END search_slogan Slogan-->

CSS：

#search_slogan{
    line-height: 15%;
    position: absolute;
    top: 150px;
    left: 200px;
    font-family:basic_gothic;
    font-size: 18px;
}

Answer 1

您的问题可能是，您的框没有设置的宽度，因此它填补了剩余的空间。

添加一个设置的宽度，如下所示，它将不再移动。

#search_slogan{
  line-height: 15%;
  position: absolute;
  top: 150px;
  left: 200px;
  width: 400px;
  font-family:basic_gothic;
  font-size: 18px;
}

还有一些附加的解决方案，比如隐藏溢出，但是设置宽度是最简单的。

Answer 2

问题在于您的line:height属性，该属性设置为15%。这会导致信件堆积。我清理了你的HTML并创建了一个JSFIDDLE。