css问题将图像向下推

发布于 2024-11-08 01:17:41 字数 510 浏览 0 评论 0原文

我在图像上方有一个文本段落。当段落变长并增加高度时,它会将下面的图像向下推。我怎样才能做到,如果段落的高度增加,下面的图像仍然保留其原始位置?

添加的代码:

img.alertIcon {
    margin: 85px 0 0 15px;
    float: right;
    vertical-align: middle;
    cursor: pointer;
    visibility: visible;
    clear: all;
}

#rightMain p {
    width: 350px;
    height: 100px;
    background-color: #f7f7f7;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
    float: left;
    padding: 7px;
    font-size: 14px;
    margin: 0 0 10px 0;
}

I have a text paragraph above an image. When the paragraph grows and gains height, it pushes the image below down. How can i make it so that if the paragraph grows in height, the image below still retains its original position?

Added code:

img.alertIcon {
    margin: 85px 0 0 15px;
    float: right;
    vertical-align: middle;
    cursor: pointer;
    visibility: visible;
    clear: all;
}

#rightMain p {
    width: 350px;
    height: 100px;
    background-color: #f7f7f7;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
    float: left;
    padding: 7px;
    font-size: 14px;
    margin: 0 0 10px 0;
}

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

天邊彩虹 2024-11-15 01:17:41

抱歉,如果我误解了您想要的内容,但也许可以让您的图像有一个固定的位置。 CSS 位置:固定。

如果您可以发布一个也会有帮助的示例。

Sorry if I misunderstand what you're wanting, but maybe make your image have a fixed position. CSS position: fixed.

If you could post up an example that'd help as well.

羁客 2024-11-15 01:17:41

您可以尝试这个 position:fixed; ,如果它是背景background-position: center Bottom;

You can try this one position:fixed; and if it is backgroundbackground-position: center bottom;

悲凉≈ 2024-11-15 01:17:41

我认为最好的方法是让图像浮动。

如果图像位于段落内,只需将 float: leftfloat:right 添加到图像中,以便图像保持在同一位置

I think the best way will be to have the image float.

if the image is inside the paragraph simply add the float: left or float:right to the image so the image will stay in the same spot

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文