我有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] 删除。
我来说两句