質問
これは私の code どちらがうまく機能していますが、私のHeadline2Textを変更すると販売価格$ 25。これはサンプルテキストです。$ 244「自動ロゴ画像はその位置を変更します。ロゴがその位置を変更することを望まないが、その場所に残り、HeadLine2TXTの影響を受けるべきではありません。この問題を解決する方法?
<div id="wrapper">
<div id="mainContainer">
<p class="copyrights" id="copyrights"></p>
<div>
<img id="Image_Car" src="http://i.share.pho.to/25a090ef_c.png" />
</div>
<div id="headlineText">
<p id="headline1Txt" >Sample bag1</p>
<p id="headline2Txt" >Sale Price $25 </p>
</div>
<div id="disclaimer" >
Details*
</div>
<div id="Image_logo">
<img id="Imglogo" src="http://i.share.pho.to/93578bd4_o.png" />
</div>
<div >
<button class="btn btn-primary" type="button" id="ctaBtn"><div id="fadeIn" > Learn More Now </div></button>
</div>
</div>
#Image_logo img
{
position:relative;
width:140px;
height:30px;
top:-3px;
left:390px;
}
</div>
. 解決
#image_logo img にposition: relative;
を持っていますあなたはそれを「絶対的な方法」に置ころうとします。このようなCSSを変更してみてください:
#Image_logo img {
position:absolute;
width:140px;
height:30px;
top:40px;
left:390px;
}
. 他のヒント
I may not understand what you're asking, but I think the lack of a float is throwing you. Adding some css like this..
<style>
#Image_logo img {
width:140px;
height:30px;
}
#wrapper {
float:left;
}
</style>
...should work. It should be in a separate .css file of course.
Try giving your #Image_logo img position: absolute instead of relative, then modify top, left etc. Then it should be always in the same place;
所属していません StackOverflow