css问题推送图像

2011-05-19 61 views 1 likes

我有一个图像上方的文本段落。当段落增长并且获得高度时，它将下面的图像向下推。我怎样才能做到这一点，如果段落高度增长，下面的图片仍然保持原来的位置？css问题推送图像

添加代码：

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; 
}

来源

2011-05-19 Hubrid

如果它是一个背景图像只写背景位置：顶部固定; – sandeep 2011-05-19 04:33:29

覆盖或流动，可以工作 – Hubrid 2011-05-19 04:35:57

回答

很抱歉，如果我误解你想要什么，但也许让你的形象有一个固定的位置。 CSS位置：固定。

如果你可以发布一个有帮助的例子。

来源

2011-05-19 04:26:40 snowBlind

你可以试试这个position:fixed;，如果它是后台background-position: center bottom;

来源

2011-05-19 04:26:54 jams

但固定的位置使其忽略滚动 – Hubrid 2011-05-19 04:29:48

不作为背景图像。 – Hubrid 2011-05-19 04:33:19

使用绝对值而不是固定值。 – snowBlind 2011-05-19 04:33:55

我认为最好的办法将是有图像浮动。

如果图像是段落中只需添加float: left或float:right到图像，从而使图像会留在同一地点

来源

2011-05-19 04:32:35 Ibu

不......它不......因为它根据上面的段落改变垂直高度。 – Hubrid 2011-05-19 04:33:51

这里是一个jsfiddle它http://jsfiddle.net/KVJS2/ – Ibu 2011-05-19 04:37:37

css问题推送图像

回答

相关问题