HTML绝对定位

维塔利·马克西莫夫(Vitalii Maximov)

我有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;
}
汤姆·普拉茨

您的问题可能是您的盒子没有设置宽度,所以它会填满剩余的空间。

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

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

还有其他解决方案,例如隐藏溢出,但设置宽度是最简单的。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章